ai_ml_operations/monica_site
2
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updates

Browse Source
This commit is contained in:
westfarn committed 2026-07-16 05:48:12 -05:00
1 parent c36d46c3b3
commit e9be65df8c
558 files changed
+74087 -75
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

template/real_estate_html/documentation.txt
Executable
+1
View File
@@ -0,0 +1 @@
http://documentation.zemez.io/html/bootstrap/v1-4/
template/real_estate_html/site/404-page.html
Executable
+67
View File
@@ -0,0 +1,67 @@
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>404 Page</title>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width height=device-height initial-scale=1.0 maximum-scale=1.0 user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- Stylesheets-->
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,800%7CPoppins:300,400,700">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css" id="main-styles-link">
<!--[if lt IE 10]>
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div class="page">
<!-- Page content-->
<section class="section section-single bg-gray-800 primary-overlay" style="background-image: url(images/bg-image-7.jpg);">
<div class="section-single-inner">
<div class="section-single-dummy"></div>
<div class="section-single-main">
<div class="container">
<div class="row row-30">
<div class="col-sm-6 text-center text-sm-left">
<p class="text-extra-large">404</p>
</div>
<div class="col-sm-6">
<div class="section-single-main-content">
<h6 class="title-decorated title-decorated-lg">Page was not found</h6>
<p><span class="text-width-2">You may have mistyped the address or the page may have moved.</span></p><a class="button button-lg button-primary button-winona" href="index.html">Back to home page</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer-minimal section-single-footer">
<div class="container">
<div class="footer-minimal-inner"><a class="brand" href="index.html"><img src="images/logo-inverse-151x44.png" alt="" width="151" height="44" srcset="images/logo-inverse-151x44.png 2x"/></a>
<!-- Rights-->
<p class="rights"><span>&copy;&nbsp;</span><span class="copyright-year"></span><span>&nbsp;</span><span>All Rights Reserved.</span><span>&nbsp;</span><br class="d-sm-none"/><a href="#">Terms of Use</a><span> and</span><span>&nbsp;</span><a href="privacy-policy.html">Privacy Policy</a></p>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="preloader">
<div class="preloader-logo"><img src="images/logo-default-151x44.png" alt="" width="151" height="44" srcset="images/logo-default-151x44.png 2x"/>
</div>
<div class="preloader-body">
<div id="loadingProgressG">
<div class="loadingProgressG" id="loadingProgressG_1"></div>
</div>
</div>
</div>
<!-- Global Mailform Output-->
<div class="snackbars" id="form-output-global"></div>
<!-- Javascript-->
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>
template/real_estate_html/site/503-page.html
Executable
+67
View File
@@ -0,0 +1,67 @@
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>503 Page</title>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width height=device-height initial-scale=1.0 maximum-scale=1.0 user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- Stylesheets-->
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,800%7CPoppins:300,400,700">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css" id="main-styles-link">
<!--[if lt IE 10]>
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div class="page">
<!-- Page content-->
<section class="section section-single bg-gray-800 primary-overlay" style="background-image: url(images/bg-image-6.jpg);">
<div class="section-single-inner">
<div class="section-single-dummy"></div>
<div class="section-single-main">
<div class="container">
<div class="row row-30">
<div class="col-sm-6 text-center text-sm-left">
<p class="text-extra-large">503</p>
</div>
<div class="col-sm-6">
<div class="section-single-main-content">
<h6 class="title-decorated title-decorated-lg">Service is temporary unavailable</h6>
<p>Sorry, we're offline right now to make our site even better.<br>Please, come back later and check what we've been up to.</p><a class="button button-lg button-primary button-winona" href="index.html">Back to home page</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer-minimal section-single-footer">
<div class="container">
<div class="footer-minimal-inner"><a class="brand" href="index.html"><img src="images/logo-inverse-151x44.png" alt="" width="151" height="44" srcset="images/logo-inverse-151x44.png 2x"/></a>
<!-- Rights-->
<p class="rights"><span>&copy;&nbsp;</span><span class="copyright-year"></span><span>&nbsp;</span><span>All Rights Reserved.</span><span>&nbsp;</span><br class="d-sm-none"/><a href="#">Terms of Use</a><span> and</span><span>&nbsp;</span><a href="privacy-policy.html">Privacy Policy</a></p>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="preloader">
<div class="preloader-logo"><img src="images/logo-default-151x44.png" alt="" width="151" height="44" srcset="images/logo-default-151x44.png 2x"/>
</div>
<div class="preloader-body">
<div id="loadingProgressG">
<div class="loadingProgressG" id="loadingProgressG_1"></div>
</div>
</div>
</div>
<!-- Global Mailform Output-->
<div class="snackbars" id="form-output-global"></div>
<!-- Javascript-->
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>
template/real_estate_html/site/about-us.html
Executable
+388
View File
@@ -0,0 +1,388 @@
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>About us</title>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width height=device-height initial-scale=1.0 maximum-scale=1.0 user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- Stylesheets-->
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,800%7CPoppins:300,400,700">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css" id="main-styles-link">
<!--[if lt IE 10]>
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div class="page">
<!-- Page Header-->
<header class="section page-header">
<!-- RD Navbar-->
<div class="rd-navbar-wrap">
<nav class="rd-navbar rd-navbar-corporate" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-lg-stick-up="true" data-lg-stick-up-offset="118px" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-xl-stick-up="true" data-xl-stick-up-offset="118px" data-xxl-layout="rd-navbar-static" data-xxl-device-layout="rd-navbar-static" data-xxl-stick-up-offset="118px" data-xxl-stick-up="true">
<div class="rd-navbar-aside-outer">
<div class="rd-navbar-aside">
<!-- RD Navbar Panel-->
<div class="rd-navbar-panel">
<!-- RD Navbar Toggle-->
<button class="rd-navbar-toggle" data-rd-navbar-toggle="#rd-navbar-nav-wrap-1"><span></span></button>
<!-- RD Navbar Brand--><a class="rd-navbar-brand" href="index.html"><img src="images/logo-default-151x44.png" alt="" width="151" height="44" srcset="images/logo-default-151x44.png 2x"/></a>
</div>
<div class="rd-navbar-collapse">
<button class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1" data-rd-navbar-toggle="#rd-navbar-collapse-content-1"><span></span></button>
<div class="rd-navbar-collapse-content" id="rd-navbar-collapse-content-1">
<article class="unit align-items-center">
<div class="unit-left"><span class="icon icon-md icon-modern mdi mdi-phone"></span></div>
<div class="unit-body">
<ul class="list-0">
<li><a class="link-default" href="tel:#">1-800-1234-567</a></li>
<li><a class="link-default" href="tel:#">1-800-8763-765</a></li>
</ul>
</div>
</article>
<article class="unit align-items-center">
<div class="unit-left"><span class="icon icon-md icon-modern mdi mdi-map-marker"></span></div>
<div class="unit-body"><a class="link-default" href="tel:#">2130 Fulton Street <br> San Diego, CA 94117-1080</a></div>
</article><a class="button button-gray-bordered button-winona" href="#">Request a call</a>
</div>
</div>
</div>
</div>
<div class="rd-navbar-main-outer">
<div class="rd-navbar-main">
<div class="rd-navbar-nav-wrap" id="rd-navbar-nav-wrap-1">
<!-- RD Navbar Search-->
<div class="rd-navbar-search" id="rd-navbar-search-1">
<button class="rd-navbar-search-toggle" data-rd-navbar-toggle="#rd-navbar-search-1"><span></span></button>
<form class="rd-search" action="search-results.html" data-search-live="rd-search-results-live-1" method="GET">
<div class="form-wrap">
<label class="form-label" for="rd-navbar-search-form-input-1">Search...</label>
<input class="form-input rd-navbar-search-form-input" id="rd-navbar-search-form-input-1" type="text" name="s" autocomplete="off">
<div class="rd-search-results-live" id="rd-search-results-live-1"></div>
</div>
<button class="rd-search-form-submit fa-search" type="submit"></button>
</form>
</div>
<!-- RD Navbar Nav-->
<ul class="rd-navbar-nav">
<li class="rd-nav-item"><a class="rd-nav-link" href="index.html">Home</a>
</li>
<li class="rd-nav-item active"><a class="rd-nav-link" href="about-us.html">About us</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="our-team.html">Our Team</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="testimonials.html">Testimonials</a></li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="properties.html">Properties</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-property.html">Single Property</a></li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#">Blog</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="grid-blog.html">Grid Blog</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="sidebar-blog.html">Sidebar Blog</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-blog-post.html">Single Blog Post</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="blog-layouts.html">Blog Layouts</a></li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#">Pages</a>
<!-- RD Navbar Megamenu-->
<ul class="rd-menu rd-navbar-megamenu">
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="typography.html">Typography</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="buttons.html">Buttons</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="forms.html">Forms</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="progress-bars.html">Progress bars</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tabs.html">Tabs</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tables.html">Tables</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="accordions.html">Accordions</a></li>
</ul>
</li>
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="small-features.html">Small Features</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="large-features.html">Large Features</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="careers.html">Careers</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="search-results.html">Search results</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="single-job.html">Single Job</a></li>
</ul>
</li>
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="404-page.html">404 Page</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="503-page.html">503 Page</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="coming-soon.html">Coming Soon</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="privacy-policy.html">Privacy policy</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="under-construction.html">Under Construction</a></li>
</ul>
</li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="contacts.html">Contacts</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- Breadcrumbs -->
<section class="breadcrumbs-custom bg-image context-dark" style="background-image: url(images/breadcrumbs-image-1.jpg);">
<div class="breadcrumbs-custom-inner">
<div class="container breadcrumbs-custom-container">
<div class="breadcrumbs-custom-main">
<h6 class="breadcrumbs-custom-subtitle title-decorated">About us</h6>
<h2 class="text-uppercase breadcrumbs-custom-title">About us</h2>
</div>
<ul class="breadcrumbs-custom-path">
<li><a href="index.html">Home</a></li>
<li class="active">About us</li>
</ul>
</div>
</div>
</section>
<!-- Working at CaseCraft-->
<section class="section section-lg">
<div class="container">
<div class="row row-50 justify-content-center justify-content-lg-between flex-lg-row-reverse">
<div class="col-md-10 col-lg-6 col-xl-5">
<h3 class="text-uppercase">Who We Are</h3>
<p class="about-subtitle">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostru eiusmod tempor incididunt ut labore et.</p><a class="button button-lg button-primary button-winona" href="about-us.html">View properties</a>
</div>
<div class="col-md-10 col-lg-6 col-xl-6"><img class="img-responsive" src="images/careers-1-570x388.jpg" alt="" width="570" height="388"/>
</div>
</div>
</div>
</section>
<!-- Advantages and Achievements-->
<section class="section section-md text-center bg-gray-100">
<div class="container">
<h3 class="text-uppercase wow-outer"><span class="wow slideInUp">Why people Choose Us</span></h3>
<p class="wow-outer"><span class="text-width-1 wow slideInDown">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span></p>
<div class="row row-50">
<div class="col-6 col-md-3 wow-outer">
<!-- Counter Minimal-->
<article class="counter-minimal wow slideInUp" data-wow-delay=".1s">
<div class="counter-minimal-icon box-chloe__icon linearicons-users2"></div>
<div class="counter-minimal-main">
<div class="counter">12</div>
</div>
<h5 class="counter-minimal-title">National Partners</h5>
</article>
</div>
<div class="col-6 col-md-3 wow-outer">
<!-- Counter Minimal-->
<article class="counter-minimal wow slideInUp" data-wow-delay=".1s">
<div class="counter-minimal-icon box-chloe__icon linearicons-home-icon3"></div>
<div class="counter-minimal-main">
<div class="counter">238</div>
</div>
<h5 class="counter-minimal-title">Properties</h5>
</article>
</div>
<div class="col-6 col-md-3 wow-outer">
<!-- Counter Minimal-->
<article class="counter-minimal wow slideInUp" data-wow-delay=".1s">
<div class="counter-minimal-icon box-chloe__icon linearicons-star"></div>
<div class="counter-minimal-main">
<div class="counter">19</div>
</div>
<h5 class="counter-minimal-title">Years of Experience</h5>
</article>
</div>
<div class="col-6 col-md-3 wow-outer">
<!-- Counter Minimal-->
<article class="counter-minimal wow slideInUp" data-wow-delay=".1s">
<div class="counter-minimal-icon box-chloe__icon linearicons-apartment"></div>
<div class="counter-minimal-main">
<div class="counter">54</div>
</div>
<h5 class="counter-minimal-title">Qualified Brokers</h5>
</article>
</div>
</div>
</div>
</section>
<section class="section section-lg text-center">
<div class="container">
<h3 class="text-uppercase wow-outer"><span class="wow slideInUp">Our Team</span></h3>
<div class="row row-50 row-xxl-70 justify-content-center justify-content-lg-start">
<div class="col-md-10 col-lg-6 wow-outer">
<!-- Profile Creative-->
<article class="profile-creative wow slideInLeft">
<figure class="profile-creative-figure"><img class="profile-creative-image" src="images/team-1-270x273.jpg" alt="" width="270" height="273"/>
</figure>
<div class="profile-creative-main">
<h5 class="profile-creative-title"><a href="#">Nathalie Porter</a></h5>
<p class="profile-creative-position">Founder, Broker</p>
<div class="profile-creative-contacts">
<div class="object-inline"><span class="icon icon-md mdi mdi-phone"></span><a href="tel:#">1-800-1324-567</a></div>
</div>
<p>Ms. Porter founded our company in 1989 with a vision to help guests and residents of the USA to easily find and buy or rent real estate in all 50 states.</p>
</div>
</article>
</div>
<div class="col-md-10 col-lg-6 wow-outer">
<!-- Profile Creative-->
<article class="profile-creative wow slideInLeft" data-wow-delay=".2s">
<figure class="profile-creative-figure"><img class="profile-creative-image" src="images/team-2-270x273.jpg" alt="" width="270" height="273"/>
</figure>
<div class="profile-creative-main">
<h5 class="profile-creative-title"><a href="#">John Thompson</a></h5>
<p class="profile-creative-position">Sales Associate</p>
<div class="profile-creative-contacts">
<div class="object-inline"><span class="icon icon-md mdi mdi-phone"></span><a href="tel:#">1-800-1324-567</a></div>
</div>
<p>John has been in sales and marketing for the past 15 years. He has excellent knowledge about the local market both residential and commercial.</p>
</div>
</article>
</div>
<div class="col-md-10 col-lg-6 wow-outer">
<!-- Profile Creative-->
<article class="profile-creative wow slideInLeft">
<figure class="profile-creative-figure"><img class="profile-creative-image" src="images/team-3-270x273.jpg" alt="" width="270" height="273"/>
</figure>
<div class="profile-creative-main">
<h5 class="profile-creative-title"><a href="#">Brian Payne</a></h5>
<p class="profile-creative-position">Realtor</p>
<div class="profile-creative-contacts">
<div class="object-inline"><span class="icon icon-md mdi mdi-phone"></span><a href="tel:#">1-800-1324-567</a></div>
</div>
<p>Brian is not only a Licensed Realtor but also holds the Title Producers and Mortgage Licenses, which makes him a very knowledgeable real estate expert.</p>
</div>
</article>
</div>
<div class="col-md-10 col-lg-6 wow-outer">
<!-- Profile Creative-->
<article class="profile-creative wow slideInLeft" data-wow-delay=".2s">
<figure class="profile-creative-figure"><img class="profile-creative-image" src="images/team-4-270x273.jpg" alt="" width="270" height="273"/>
</figure>
<div class="profile-creative-main">
<h5 class="profile-creative-title"><a href="#">Marie Fernandez</a></h5>
<p class="profile-creative-position">Broker</p>
<div class="profile-creative-contacts">
<div class="object-inline"><span class="icon icon-md mdi mdi-phone"></span><a href="tel:#">1-800-1324-567</a></div>
</div>
<p>Marie’s goal is to provide clients with the highest level of marketing expertise and customer service to help them reach their uppermost real estate goals.</p>
</div>
</article>
</div>
</div>
</div>
</section>
<!-- Page Footer-->
<footer class="section footer-advanced bg-gray-700">
<div class="footer-advanced-main">
<div class="container">
<div class="row row-50">
<div class="col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">About Us</h5>
<p class="footer-advanced-text">inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.</p>
</div>
<div class="col-sm-7 col-md-5 col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">Recent Blog Posts</h5>
<!-- Post Inline-->
<article class="post-inline">
<p class="post-inline-title"><a href="single-blog-post.html">Real Estate Guide: 7 Important Tips for Buying a Home</a></p>
<ul class="post-inline-meta">
<li>by Mike Barnes</li>
<li><a href="single-blog-post.html">2 days ago</a></li>
</ul>
</article>
<!-- Post Inline-->
<article class="post-inline">
<p class="post-inline-title"><a href="single-blog-post.html">Single-Family Homes as a Housing Option for Young Families</a></p>
<ul class="post-inline-meta">
<li>by Mike Barnes</li>
<li><a href="single-blog-post.html">2 days ago</a></li>
</ul>
</article>
</div>
<div class="col-sm-5 col-md-7 col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">Gallery</h5>
<div class="row row-x-10" data-lightgallery="group">
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-1.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-1-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-2.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-2-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-3.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-3-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-4.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-4-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-5.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-5-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-6.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-6-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"> </div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-7.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-7-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-8.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-8-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-advanced-aside">
<div class="container">
<div class="footer-advanced-layout">
<div>
<ul class="list-nav">
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About</a></li>
<li><a href="properties.html">Properties</a></li>
<li><a href="grid-blog.html">Blog</a></li>
<li><a href="contacts.html">Contacts</a></li>
</ul>
</div>
<div>
<ul class="foter-social-links list-inline list-inline-md">
<li><a class="icon icon-sm link-default mdi mdi-facebook" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-twitter" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-instagram" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-google" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-linkedin" href="#"></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<hr>
</div>
<div class="footer-advanced-aside">
<div class="container">
<div class="footer-advanced-layout"><a class="brand" href="index.html"><img src="images/logo-light-115x34.png" alt="" width="115" height="34" srcset="images/logo-light-115x34.png 2x"/></a>
<!-- Rights-->
<p class="rights"><span>&copy;&nbsp;</span><span class="copyright-year"></span><span>&nbsp;</span><span>All Rights Reserved.</span><span>&nbsp;</span><br class="d-sm-none"/><a href="#">Terms of Use</a><span> and</span><span>&nbsp;</span><a href="privacy-policy.html">Privacy Policy</a></p>
</div>
</div>
</div>
</footer>
</div>
<div class="preloader">
<div class="preloader-logo"><img src="images/logo-default-151x44.png" alt="" width="151" height="44" srcset="images/logo-default-151x44.png 2x"/>
</div>
<div class="preloader-body">
<div id="loadingProgressG">
<div class="loadingProgressG" id="loadingProgressG_1"></div>
</div>
</div>
</div>
<!-- Global Mailform Output-->
<div class="snackbars" id="form-output-global"></div>
<!-- Javascript-->
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>
template/real_estate_html/site/accordions.html
Executable
+432
View File
@@ -0,0 +1,432 @@
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>Accordions</title>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width height=device-height initial-scale=1.0 maximum-scale=1.0 user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- Stylesheets-->
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,800%7CPoppins:300,400,700">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css" id="main-styles-link">
<!--[if lt IE 10]>
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div class="page">
<!-- Page Header-->
<header class="section page-header">
<!-- RD Navbar-->
<div class="rd-navbar-wrap">
<nav class="rd-navbar rd-navbar-corporate" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-lg-stick-up="true" data-lg-stick-up-offset="118px" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-xl-stick-up="true" data-xl-stick-up-offset="118px" data-xxl-layout="rd-navbar-static" data-xxl-device-layout="rd-navbar-static" data-xxl-stick-up-offset="118px" data-xxl-stick-up="true">
<div class="rd-navbar-aside-outer">
<div class="rd-navbar-aside">
<!-- RD Navbar Panel-->
<div class="rd-navbar-panel">
<!-- RD Navbar Toggle-->
<button class="rd-navbar-toggle" data-rd-navbar-toggle="#rd-navbar-nav-wrap-1"><span></span></button>
<!-- RD Navbar Brand--><a class="rd-navbar-brand" href="index.html"><img src="images/logo-default-151x44.png" alt="" width="151" height="44" srcset="images/logo-default-151x44.png 2x"/></a>
</div>
<div class="rd-navbar-collapse">
<button class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1" data-rd-navbar-toggle="#rd-navbar-collapse-content-1"><span></span></button>
<div class="rd-navbar-collapse-content" id="rd-navbar-collapse-content-1">
<article class="unit align-items-center">
<div class="unit-left"><span class="icon icon-md icon-modern mdi mdi-phone"></span></div>
<div class="unit-body">
<ul class="list-0">
<li><a class="link-default" href="tel:#">1-800-1234-567</a></li>
<li><a class="link-default" href="tel:#">1-800-8763-765</a></li>
</ul>
</div>
</article>
<article class="unit align-items-center">
<div class="unit-left"><span class="icon icon-md icon-modern mdi mdi-map-marker"></span></div>
<div class="unit-body"><a class="link-default" href="tel:#">2130 Fulton Street <br> San Diego, CA 94117-1080</a></div>
</article><a class="button button-gray-bordered button-winona" href="#">Request a call</a>
</div>
</div>
</div>
</div>
<div class="rd-navbar-main-outer">
<div class="rd-navbar-main">
<div class="rd-navbar-nav-wrap" id="rd-navbar-nav-wrap-1">
<!-- RD Navbar Search-->
<div class="rd-navbar-search" id="rd-navbar-search-1">
<button class="rd-navbar-search-toggle" data-rd-navbar-toggle="#rd-navbar-search-1"><span></span></button>
<form class="rd-search" action="search-results.html" data-search-live="rd-search-results-live-1" method="GET">
<div class="form-wrap">
<label class="form-label" for="rd-navbar-search-form-input-1">Search...</label>
<input class="form-input rd-navbar-search-form-input" id="rd-navbar-search-form-input-1" type="text" name="s" autocomplete="off">
<div class="rd-search-results-live" id="rd-search-results-live-1"></div>
</div>
<button class="rd-search-form-submit fa-search" type="submit"></button>
</form>
</div>
<!-- RD Navbar Nav-->
<ul class="rd-navbar-nav">
<li class="rd-nav-item"><a class="rd-nav-link" href="index.html">Home</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="about-us.html">About us</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="our-team.html">Our Team</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="testimonials.html">Testimonials</a></li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="properties.html">Properties</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-property.html">Single Property</a></li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#">Blog</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="grid-blog.html">Grid Blog</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="sidebar-blog.html">Sidebar Blog</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-blog-post.html">Single Blog Post</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="blog-layouts.html">Blog Layouts</a></li>
</ul>
</li>
<li class="rd-nav-item active"><a class="rd-nav-link" href="#">Pages</a>
<!-- RD Navbar Megamenu-->
<ul class="rd-menu rd-navbar-megamenu">
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="typography.html">Typography</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="buttons.html">Buttons</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="forms.html">Forms</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="progress-bars.html">Progress bars</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tabs.html">Tabs</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tables.html">Tables</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="accordions.html">Accordions</a></li>
</ul>
</li>
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="small-features.html">Small Features</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="large-features.html">Large Features</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="careers.html">Careers</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="search-results.html">Search results</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="single-job.html">Single Job</a></li>
</ul>
</li>
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="404-page.html">404 Page</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="503-page.html">503 Page</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="coming-soon.html">Coming Soon</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="privacy-policy.html">Privacy policy</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="under-construction.html">Under Construction</a></li>
</ul>
</li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="contacts.html">Contacts</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- Breadcrumbs -->
<section class="breadcrumbs-custom bg-image context-dark" style="background-image: url(images/breadcrumbs-image-1.jpg);">
<div class="breadcrumbs-custom-inner">
<div class="container breadcrumbs-custom-container">
<div class="breadcrumbs-custom-main">
<h6 class="breadcrumbs-custom-subtitle title-decorated">Pages</h6>
<h2 class="text-uppercase breadcrumbs-custom-title">Accordions</h2>
</div>
<ul class="breadcrumbs-custom-path">
<li><a href="index.html">Home</a></li>
<li><a href="#">Pages</a></li>
<li class="active">Accordions</li>
</ul>
</div>
</div>
</section>
<!-- Accordion & skill bars-->
<section class="section section-lg">
<div class="container">
<h6>Accordion & skill bars</h6>
<div class="row row-50 justify-content-lg-between offset-top-1">
<div class="col-lg-7 col-xl-6">
<h3 class="wow-outer"><span class="wow slideInDown">Frequently Asked Questions</span></h3>
<!-- Bootstrap collapse-->
<div class="card-group-custom card-group-corporate wow-outer" id="accordion1" role="tablist" aria-multiselectable="false">
<!-- Bootstrap card-->
<article class="card card-custom card-corporate wow fadeInDown" data-wow-delay=".05s">
<div class="card-header" id="accordion1-heading-1" role="tab">
<div class="card-title"><a role="button" data-toggle="collapse" data-parent="#accordion1" href="#accordion1-collapse-1" aria-controls="accordion1-collapse-1" aria-expanded="true">What are the advantages of purchasing a website template?
<div class="card-arrow"></div></a></div>
</div>
<div class="collapse show" id="accordion1-collapse-1" role="tabpanel" aria-labelledby="accordion1-heading-1">
<div class="card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris</p>
</div>
</div>
</article>
<!-- Bootstrap card-->
<article class="card card-custom card-corporate wow fadeInDown" data-wow-delay=".1s">
<div class="card-header" id="accordion1-heading-2" role="tab">
<div class="card-title"><a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion1" href="#accordion1-collapse-2" aria-controls="accordion1-collapse-2" aria-expanded="false">Do you provide any scripts with your templates or could you do some custom programming?
<div class="card-arrow"></div></a></div>
</div>
<div class="collapse" id="accordion1-collapse-2" role="tabpanel" aria-labelledby="accordion1-heading-2">
<div class="card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris</p>
</div>
</div>
</article>
<!-- Bootstrap card-->
<article class="card card-custom card-corporate wow fadeInDown" data-wow-delay=".15s">
<div class="card-header" id="accordion1-heading-3" role="tab">
<div class="card-title"><a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion1" href="#accordion1-collapse-3" aria-controls="accordion1-collapse-3" aria-expanded="false">What do I receive when I order a template from Zemez?
<div class="card-arrow"></div></a></div>
</div>
<div class="collapse" id="accordion1-collapse-3" role="tabpanel" aria-labelledby="accordion1-heading-3">
<div class="card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris</p>
</div>
</div>
</article>
<!-- Bootstrap card-->
<article class="card card-custom card-corporate wow fadeInDown" data-wow-delay=".2s">
<div class="card-header" id="accordion1-heading-4" role="tab">
<div class="card-title"><a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion1" href="#accordion1-collapse-4" aria-controls="accordion1-collapse-4" aria-expanded="false">In what formats are your templates available?
<div class="card-arrow"></div></a></div>
</div>
<div class="collapse" id="accordion1-collapse-4" role="tabpanel" aria-labelledby="accordion1-heading-4">
<div class="card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris</p>
</div>
</div>
</article>
</div>
</div>
<div class="col-lg-5">
<h3 class="wow-outer"><span class="wow slideInDown">Skill Bars</span></h3>
<div class="progress-linear-outer wow-outer">
<!-- Linear progress bar-->
<article class="progress-linear wow slideInDown" data-wow-delay=".05s">
<div class="progress-header">
<p>Dedication</p><span class="progress-value">90</span>
</div>
<div class="progress-bar-linear-wrap">
<div class="progress-bar-linear"></div>
</div>
</article>
</div>
<div class="progress-linear-outer wow-outer">
<!-- Linear progress bar-->
<article class="progress-linear wow slideInDown" data-wow-delay=".1s">
<div class="progress-header">
<p>Knowledge</p><span class="progress-value">65</span>
</div>
<div class="progress-bar-linear-wrap">
<div class="progress-bar-linear"></div>
</div>
</article>
</div>
<div class="progress-linear-outer wow-outer">
<!-- Linear progress bar-->
<article class="progress-linear wow slideInDown" data-wow-delay=".15s">
<div class="progress-header">
<p>Professionalism</p><span class="progress-value">100</span>
</div>
<div class="progress-bar-linear-wrap">
<div class="progress-bar-linear"></div>
</div>
</article>
</div>
<div class="progress-linear-outer wow-outer">
<!-- Linear progress bar-->
<article class="progress-linear wow slideInDown" data-wow-delay=".2s">
<div class="progress-header">
<p>Expertise</p><span class="progress-value">75</span>
</div>
<div class="progress-bar-linear-wrap">
<div class="progress-bar-linear"></div>
</div>
</article>
</div>
</div>
</div>
</div>
</section>
<!-- Accordion & photo-->
<section class="section section-md">
<div class="container">
<h6>Accordion & photo</h6>
<div class="row row-50 justify-content-lg-between flex-lg-row-reverse offset-top-1">
<div class="col-lg-7 col-xl-6">
<h3 class="wow-outer"><span class="wow slideInDown">Frequently Asked Questions</span></h3>
<!-- Bootstrap collapse-->
<div class="card-group-custom card-group-corporate wow-outer" id="accordion2" role="tablist" aria-multiselectable="false">
<!-- Bootstrap card-->
<article class="card card-custom card-corporate wow fadeInDown" data-wow-delay=".05s">
<div class="card-header" id="accordion2-heading-1" role="tab">
<div class="card-title"><a role="button" data-toggle="collapse" data-parent="#accordion2" href="#accordion2-collapse-1" aria-controls="accordion2-collapse-1" aria-expanded="true">What are the advantages of purchasing a website template?
<div class="card-arrow"></div></a></div>
</div>
<div class="collapse show" id="accordion2-collapse-1" role="tabpanel" aria-labelledby="accordion2-heading-1">
<div class="card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
</div>
</div>
</article>
<!-- Bootstrap card-->
<article class="card card-custom card-corporate wow fadeInDown" data-wow-delay=".1s">
<div class="card-header" id="accordion2-heading-2" role="tab">
<div class="card-title"><a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion2" href="#accordion2-collapse-2" aria-controls="accordion2-collapse-2" aria-expanded="false">Do you provide any scripts with your templates or could you do some custom programming?
<div class="card-arrow"></div></a></div>
</div>
<div class="collapse" id="accordion2-collapse-2" role="tabpanel" aria-labelledby="accordion2-heading-2">
<div class="card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
</div>
</div>
</article>
<!-- Bootstrap card-->
<article class="card card-custom card-corporate wow fadeInDown" data-wow-delay=".15s">
<div class="card-header" id="accordion2-heading-3" role="tab">
<div class="card-title"><a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion2" href="#accordion2-collapse-3" aria-controls="accordion2-collapse-3" aria-expanded="false">What do I receive when I order a template from Zemez?
<div class="card-arrow"></div></a></div>
</div>
<div class="collapse" id="accordion2-collapse-3" role="tabpanel" aria-labelledby="accordion2-heading-3">
<div class="card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
</div>
</div>
</article>
<!-- Bootstrap card-->
<article class="card card-custom card-corporate wow fadeInDown" data-wow-delay=".2s">
<div class="card-header" id="accordion2-heading-4" role="tab">
<div class="card-title"><a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion2" href="#accordion2-collapse-4" aria-controls="accordion2-collapse-4" aria-expanded="false">In what formats are your templates available?
<div class="card-arrow"></div></a></div>
</div>
<div class="collapse" id="accordion2-collapse-4" role="tabpanel" aria-labelledby="accordion2-heading-4">
<div class="card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
</div>
</div>
</article>
</div>
</div>
<div class="col-lg-5 wow-outer"><img class="wow slideInLeft" src="images/accordions-1-470x368.jpg" alt="" width="470" height="368"/>
</div>
</div>
</div>
</section>
<!-- Page Footer-->
<footer class="section footer-advanced bg-gray-700">
<div class="footer-advanced-main">
<div class="container">
<div class="row row-50">
<div class="col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">About Us</h5>
<p class="footer-advanced-text">inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.</p>
</div>
<div class="col-sm-7 col-md-5 col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">Recent Blog Posts</h5>
<!-- Post Inline-->
<article class="post-inline">
<p class="post-inline-title"><a href="single-blog-post.html">Real Estate Guide: 7 Important Tips for Buying a Home</a></p>
<ul class="post-inline-meta">
<li>by Mike Barnes</li>
<li><a href="single-blog-post.html">2 days ago</a></li>
</ul>
</article>
<!-- Post Inline-->
<article class="post-inline">
<p class="post-inline-title"><a href="single-blog-post.html">Single-Family Homes as a Housing Option for Young Families</a></p>
<ul class="post-inline-meta">
<li>by Mike Barnes</li>
<li><a href="single-blog-post.html">2 days ago</a></li>
</ul>
</article>
</div>
<div class="col-sm-5 col-md-7 col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">Gallery</h5>
<div class="row row-x-10" data-lightgallery="group">
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-1.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-1-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-2.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-2-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-3.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-3-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-4.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-4-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-5.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-5-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-6.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-6-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"> </div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-7.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-7-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-8.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-8-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-advanced-aside">
<div class="container">
<div class="footer-advanced-layout">
<div>
<ul class="list-nav">
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About</a></li>
<li><a href="properties.html">Properties</a></li>
<li><a href="grid-blog.html">Blog</a></li>
<li><a href="contacts.html">Contacts</a></li>
</ul>
</div>
<div>
<ul class="foter-social-links list-inline list-inline-md">
<li><a class="icon icon-sm link-default mdi mdi-facebook" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-twitter" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-instagram" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-google" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-linkedin" href="#"></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<hr>
</div>
<div class="footer-advanced-aside">
<div class="container">
<div class="footer-advanced-layout"><a class="brand" href="index.html"><img src="images/logo-light-115x34.png" alt="" width="115" height="34" srcset="images/logo-light-115x34.png 2x"/></a>
<!-- Rights-->
<p class="rights"><span>&copy;&nbsp;</span><span class="copyright-year"></span><span>&nbsp;</span><span>All Rights Reserved.</span><span>&nbsp;</span><br class="d-sm-none"/><a href="#">Terms of Use</a><span> and</span><span>&nbsp;</span><a href="privacy-policy.html">Privacy Policy</a></p>
</div>
</div>
</div>
</footer>
</div>
<div class="preloader">
<div class="preloader-logo"><img src="images/logo-default-151x44.png" alt="" width="151" height="44" srcset="images/logo-default-151x44.png 2x"/>
</div>
<div class="preloader-body">
<div id="loadingProgressG">
<div class="loadingProgressG" id="loadingProgressG_1"></div>
</div>
</div>
</div>
<!-- Global Mailform Output-->
<div class="snackbars" id="form-output-global"></div>
<!-- Javascript-->
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>
template/real_estate_html/site/bat/ReCaptcha/ReCaptcha.php
Executable
+97
View File
@@ -0,0 +1,97 @@
<?php
/**
* This is a PHP library that handles calling reCAPTCHA.
*
* @copyright Copyright (c) 2015, Google Inc.
* @link http://www.google.com/recaptcha
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*/
namespace ReCaptcha;
/**
* reCAPTCHA client.
*/
class ReCaptcha
{
/**
* Version of this client library.
* @const string
*/
const VERSION = 'php_1.1.2';
/**
* Shared secret for the site.
* @var type string
*/
private $secret;
/**
* Method used to communicate with service. Defaults to POST request.
* @var RequestMethod
*/
private $requestMethod;
/**
* Create a configured instance to use the reCAPTCHA service.
*
* @param string $secret shared secret between site and reCAPTCHA server.
* @param RequestMethod $requestMethod method used to send the request. Defaults to POST.
*/
public function __construct($secret, RequestMethod $requestMethod = null)
{
if (empty($secret)) {
throw new \RuntimeException('No secret provided');
}
if (!is_string($secret)) {
throw new \RuntimeException('The provided secret must be a string');
}
$this->secret = $secret;
if (!is_null($requestMethod)) {
$this->requestMethod = $requestMethod;
} else {
$this->requestMethod = new RequestMethod\Post();
}
}
/**
* Calls the reCAPTCHA siteverify API to verify whether the user passes
* CAPTCHA test.
*
* @param string $response The value of 'g-recaptcha-response' in the submitted form.
* @param string $remoteIp The end user's IP address.
* @return Response Response from the service.
*/
public function verify($response, $remoteIp = null)
{
// Discard empty solution submissions
if (empty($response)) {
$recaptchaResponse = new Response(false, array('missing-input-response'));
return $recaptchaResponse;
}
$params = new RequestParameters($this->secret, $response, $remoteIp, self::VERSION);
$rawResponse = $this->requestMethod->submit($params);
return Response::fromJson($rawResponse);
}
}
template/real_estate_html/site/bat/ReCaptcha/RequestMethod.php
Executable
+42
View File
@@ -0,0 +1,42 @@
<?php
/**
* This is a PHP library that handles calling reCAPTCHA.
*
* @copyright Copyright (c) 2015, Google Inc.
* @link http://www.google.com/recaptcha
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*/
namespace ReCaptcha;
/**
* Method used to send the request to the service.
*/
interface RequestMethod
{
/**
* Submit the request with the specified parameters.
*
* @param RequestParameters $params Request parameters
* @return string Body of the reCAPTCHA response
*/
public function submit(RequestParameters $params);
}
template/real_estate_html/site/bat/ReCaptcha/RequestMethod/Curl.php
Executable
+74
View File
@@ -0,0 +1,74 @@
<?php
/**
* This is a PHP library that handles calling reCAPTCHA.
*
* @copyright Copyright (c) 2015, Google Inc.
* @link http://www.google.com/recaptcha
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*/
namespace ReCaptcha\RequestMethod;
/**
* Convenience wrapper around the cURL functions to allow mocking.
*/
class Curl
{
/**
* @see http://php.net/curl_init
* @param string $url
* @return resource cURL handle
*/
public function init($url = null)
{
return curl_init($url);
}
/**
* @see http://php.net/curl_setopt_array
* @param resource $ch
* @param array $options
* @return bool
*/
public function setoptArray($ch, array $options)
{
return curl_setopt_array($ch, $options);
}
/**
* @see http://php.net/curl_exec
* @param resource $ch
* @return mixed
*/
public function exec($ch)
{
return curl_exec($ch);
}
/**
* @see http://php.net/curl_close
* @param resource $ch
*/
public function close($ch)
{
curl_close($ch);
}
}
template/real_estate_html/site/bat/ReCaptcha/RequestMethod/CurlPost.php
Executable
+88
View File
@@ -0,0 +1,88 @@
<?php
/**
* This is a PHP library that handles calling reCAPTCHA.
*
* @copyright Copyright (c) 2015, Google Inc.
* @link http://www.google.com/recaptcha
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*/
namespace ReCaptcha\RequestMethod;
use ReCaptcha\RequestMethod;
use ReCaptcha\RequestParameters;
/**
* Sends cURL request to the reCAPTCHA service.
* Note: this requires the cURL extension to be enabled in PHP
* @see http://php.net/manual/en/book.curl.php
*/
class CurlPost implements RequestMethod
{
/**
* URL to which requests are sent via cURL.
* @const string
*/
const SITE_VERIFY_URL = 'https://www.google.com/recaptcha/api/siteverify';
/**
* Curl connection to the reCAPTCHA service
* @var Curl
*/
private $curl;
public function __construct(Curl $curl = null)
{
if (!is_null($curl)) {
$this->curl = $curl;
} else {
$this->curl = new Curl();
}
}
/**
* Submit the cURL request with the specified parameters.
*
* @param RequestParameters $params Request parameters
* @return string Body of the reCAPTCHA response
*/
public function submit(RequestParameters $params)
{
$handle = $this->curl->init(self::SITE_VERIFY_URL);
$options = array(
CURLOPT_POST => true,
CURLOPT_POSTFIELDS => $params->toQueryString(),
CURLOPT_HTTPHEADER => array(
'Content-Type: application/x-www-form-urlencoded'
),
CURLINFO_HEADER_OUT => false,
CURLOPT_HEADER => false,
CURLOPT_RETURNTRANSFER => true,
CURLOPT_SSL_VERIFYPEER => true
);
$this->curl->setoptArray($handle, $options);
$response = $this->curl->exec($handle);
$this->curl->close($handle);
return $response;
}
}
template/real_estate_html/site/bat/ReCaptcha/RequestMethod/Post.php
Executable
+70
View File
@@ -0,0 +1,70 @@
<?php
/**
* This is a PHP library that handles calling reCAPTCHA.
*
* @copyright Copyright (c) 2015, Google Inc.
* @link http://www.google.com/recaptcha
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*/
namespace ReCaptcha\RequestMethod;
use ReCaptcha\RequestMethod;
use ReCaptcha\RequestParameters;
/**
* Sends POST requests to the reCAPTCHA service.
*/
class Post implements RequestMethod
{
/**
* URL to which requests are POSTed.
* @const string
*/
const SITE_VERIFY_URL = 'https://www.google.com/recaptcha/api/siteverify';
/**
* Submit the POST request with the specified parameters.
*
* @param RequestParameters $params Request parameters
* @return string Body of the reCAPTCHA response
*/
public function submit(RequestParameters $params)
{
/**
* PHP 5.6.0 changed the way you specify the peer name for SSL context options.
* Using "CN_name" will still work, but it will raise deprecated errors.
*/
$peer_key = version_compare(PHP_VERSION, '5.6.0', '<') ? 'CN_name' : 'peer_name';
$options = array(
'http' => array(
'header' => "Content-type: application/x-www-form-urlencoded\r\n",
'method' => 'POST',
'content' => $params->toQueryString(),
// Force the peer to validate (not needed in 5.6.0+, but still works
'verify_peer' => true,
// Force the peer validation to use www.google.com
$peer_key => 'www.google.com',
),
);
$context = stream_context_create($options);
return file_get_contents(self::SITE_VERIFY_URL, false, $context);
}
}
template/real_estate_html/site/bat/ReCaptcha/RequestMethod/Socket.php
Executable
+104
View File
@@ -0,0 +1,104 @@
<?php
/**
* This is a PHP library that handles calling reCAPTCHA.
*
* @copyright Copyright (c) 2015, Google Inc.
* @link http://www.google.com/recaptcha
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*/
namespace ReCaptcha\RequestMethod;
/**
* Convenience wrapper around native socket and file functions to allow for
* mocking.
*/
class Socket
{
private $handle = null;
/**
* fsockopen
*
* @see http://php.net/fsockopen
* @param string $hostname
* @param int $port
* @param int $errno
* @param string $errstr
* @param float $timeout
* @return resource
*/
public function fsockopen($hostname, $port = -1, &$errno = 0, &$errstr = '', $timeout = null)
{
$this->handle = fsockopen($hostname, $port, $errno, $errstr, (is_null($timeout) ? ini_get("default_socket_timeout") : $timeout));
if ($this->handle != false && $errno === 0 && $errstr === '') {
return $this->handle;
}
return false;
}
/**
* fwrite
*
* @see http://php.net/fwrite
* @param string $string
* @param int $length
* @return int | bool
*/
public function fwrite($string, $length = null)
{
return fwrite($this->handle, $string, (is_null($length) ? strlen($string) : $length));
}
/**
* fgets
*
* @see http://php.net/fgets
* @param int $length
* @return string
*/
public function fgets($length = null)
{
return fgets($this->handle, $length);
}
/**
* feof
*
* @see http://php.net/feof
* @return bool
*/
public function feof()
{
return feof($this->handle);
}
/**
* fclose
*
* @see http://php.net/fclose
* @return bool
*/
public function fclose()
{
return fclose($this->handle);
}
}
template/real_estate_html/site/bat/ReCaptcha/RequestMethod/SocketPost.php
Executable
+121
View File
@@ -0,0 +1,121 @@
<?php
/**
* This is a PHP library that handles calling reCAPTCHA.
*
* @copyright Copyright (c) 2015, Google Inc.
* @link http://www.google.com/recaptcha
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*/
namespace ReCaptcha\RequestMethod;
use ReCaptcha\RequestMethod;
use ReCaptcha\RequestParameters;
/**
* Sends a POST request to the reCAPTCHA service, but makes use of fsockopen()
* instead of get_file_contents(). This is to account for people who may be on
* servers where allow_furl_open is disabled.
*/
class SocketPost implements RequestMethod
{
/**
* reCAPTCHA service host.
* @const string
*/
const RECAPTCHA_HOST = 'www.google.com';
/**
* @const string reCAPTCHA service path
*/
const SITE_VERIFY_PATH = '/recaptcha/api/siteverify';
/**
* @const string Bad request error
*/
const BAD_REQUEST = '{"success": false, "error-codes": ["invalid-request"]}';
/**
* @const string Bad response error
*/
const BAD_RESPONSE = '{"success": false, "error-codes": ["invalid-response"]}';
/**
* Socket to the reCAPTCHA service
* @var Socket
*/
private $socket;
/**
* Constructor
*
* @param \ReCaptcha\RequestMethod\Socket $socket optional socket, injectable for testing
*/
public function __construct(Socket $socket = null)
{
if (!is_null($socket)) {
$this->socket = $socket;
} else {
$this->socket = new Socket();
}
}
/**
* Submit the POST request with the specified parameters.
*
* @param RequestParameters $params Request parameters
* @return string Body of the reCAPTCHA response
*/
public function submit(RequestParameters $params)
{
$errno = 0;
$errstr = '';
if (false === $this->socket->fsockopen('ssl://' . self::RECAPTCHA_HOST, 443, $errno, $errstr, 30)) {
return self::BAD_REQUEST;
}
$content = $params->toQueryString();
$request = "POST " . self::SITE_VERIFY_PATH . " HTTP/1.1\r\n";
$request .= "Host: " . self::RECAPTCHA_HOST . "\r\n";
$request .= "Content-Type: application/x-www-form-urlencoded\r\n";
$request .= "Content-length: " . strlen($content) . "\r\n";
$request .= "Connection: close\r\n\r\n";
$request .= $content . "\r\n\r\n";
$this->socket->fwrite($request);
$response = '';
while (!$this->socket->feof()) {
$response .= $this->socket->fgets(4096);
}
$this->socket->fclose();
if (0 !== strpos($response, 'HTTP/1.1 200 OK')) {
return self::BAD_RESPONSE;
}
$parts = preg_split("#\n\s*\n#Uis", $response);
return $parts[1];
}
}
template/real_estate_html/site/bat/ReCaptcha/RequestParameters.php
Executable
+103
View File
@@ -0,0 +1,103 @@
<?php
/**
* This is a PHP library that handles calling reCAPTCHA.
*
* @copyright Copyright (c) 2015, Google Inc.
* @link http://www.google.com/recaptcha
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*/
namespace ReCaptcha;
/**
* Stores and formats the parameters for the request to the reCAPTCHA service.
*/
class RequestParameters
{
/**
* Site secret.
* @var string
*/
private $secret;
/**
* Form response.
* @var string
*/
private $response;
/**
* Remote user's IP address.
* @var string
*/
private $remoteIp;
/**
* Client version.
* @var string
*/
private $version;
/**
* Initialise parameters.
*
* @param string $secret Site secret.
* @param string $response Value from g-captcha-response form field.
* @param string $remoteIp User's IP address.
* @param string $version Version of this client library.
*/
public function __construct($secret, $response, $remoteIp = null, $version = null)
{
$this->secret = $secret;
$this->response = $response;
$this->remoteIp = $remoteIp;
$this->version = $version;
}
/**
* Array representation.
*
* @return array Array formatted parameters.
*/
public function toArray()
{
$params = array('secret' => $this->secret, 'response' => $this->response);
if (!is_null($this->remoteIp)) {
$params['remoteip'] = $this->remoteIp;
}
if (!is_null($this->version)) {
$params['version'] = $this->version;
}
return $params;
}
/**
* Query string representation for HTTP request.
*
* @return string Query string formatted parameters.
*/
public function toQueryString()
{
return http_build_query($this->toArray(), '', '&');
}
}
template/real_estate_html/site/bat/ReCaptcha/Response.php
Executable
+102
View File
@@ -0,0 +1,102 @@
<?php
/**
* This is a PHP library that handles calling reCAPTCHA.
*
* @copyright Copyright (c) 2015, Google Inc.
* @link http://www.google.com/recaptcha
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*/
namespace ReCaptcha;
/**
* The response returned from the service.
*/
class Response
{
/**
* Succes or failure.
* @var boolean
*/
private $success = false;
/**
* Error code strings.
* @var array
*/
private $errorCodes = array();
/**
* Build the response from the expected JSON returned by the service.
*
* @param string $json
* @return \ReCaptcha\Response
*/
public static function fromJson($json)
{
$responseData = json_decode($json, true);
if (!$responseData) {
return new Response(false, array('invalid-json'));
}
if (isset($responseData['success']) && $responseData['success'] == true) {
return new Response(true);
}
if (isset($responseData['error-codes']) && is_array($responseData['error-codes'])) {
return new Response(false, $responseData['error-codes']);
}
return new Response(false);
}
/**
* Constructor.
*
* @param boolean $success
* @param array $errorCodes
*/
public function __construct($success, array $errorCodes = array())
{
$this->success = $success;
$this->errorCodes = $errorCodes;
}
/**
* Is success?
*
* @return boolean
*/
public function isSuccess()
{
return $this->success;
}
/**
* Get error codes.
*
* @return array
*/
public function getErrorCodes()
{
return $this->errorCodes;
}
}
template/real_estate_html/site/bat/ReCaptcha/autoload.php
Executable
+30
View File
@@ -0,0 +1,30 @@
<?php
/* An autoloader for ReCaptcha\Foo classes. This should be required()
* by the user before attempting to instantiate any of the ReCaptcha
* classes.
*/
spl_autoload_register(function ($class) {
if (substr($class, 0, 10) !== 'ReCaptcha\\') {
/* If the class does not lie under the "ReCaptcha" namespace,
* then we can exit immediately.
*/
return;
}
/* All of the classes have names like "ReCaptcha\Foo", so we need
* to replace the backslashes with frontslashes if we want the
* name to map directly to a location in the filesystem.
*/
$class = str_replace('\\', '/', $class);
/* First, check under the current directory. It is important that
* we look here first, so that we don't waste time searching for
* test classes in the common case.
*/
$path = $class.'.php';
if (is_readable($path)) {
require_once $path;
}
});
template/real_estate_html/site/bat/phpmailer/PHPMailerAutoload.php
Executable
+49
View File
@@ -0,0 +1,49 @@
<?php
/**
* PHPMailer SPL autoloader.
* PHP Version 5
* @package PHPMailer
* @link https://github.com/PHPMailer/PHPMailer/ The PHPMailer GitHub project
* @author Marcus Bointon (Synchro/coolbru) <phpmailer@synchromedia.co.uk>
* @author Jim Jagielski (jimjag) <jimjag@gmail.com>
* @author Andy Prevost (codeworxtech) <codeworxtech@users.sourceforge.net>
* @author Brent R. Matzelle (original founder)
* @copyright 2012 - 2014 Marcus Bointon
* @copyright 2010 - 2012 Jim Jagielski
* @copyright 2004 - 2009 Andy Prevost
* @license http://www.gnu.org/copyleft/lesser.html GNU Lesser General Public License
* @note This program is distributed in the hope that it will be useful - WITHOUT
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
* FITNESS FOR A PARTICULAR PURPOSE.
*/
/**
* PHPMailer SPL autoloader.
* @param string $classname The name of the class to load
*/
function PHPMailerAutoload($classname)
{
//Can't use __DIR__ as it's only in PHP 5.3+
$filename = dirname(__FILE__).DIRECTORY_SEPARATOR.'class.'.strtolower($classname).'.php';
if (is_readable($filename)) {
require $filename;
}
}
if (version_compare(PHP_VERSION, '5.1.2', '>=')) {
//SPL autoloading was introduced in PHP 5.1.2
if (version_compare(PHP_VERSION, '5.3.0', '>=')) {
spl_autoload_register('PHPMailerAutoload', true, true);
} else {
spl_autoload_register('PHPMailerAutoload');
}
} else {
/**
* Fall back to traditional autoload for old PHP versions
* @param string $classname The name of the class to load
*/
function __autoload($classname)
{
PHPMailerAutoload($classname);
}
}
template/real_estate_html/site/bat/phpmailer/class.phpmailer.php
Executable
+3518
View File
File diff suppressed because it is too large. Load diff
template/real_estate_html/site/bat/phpmailer/class.pop3.php
Executable
+397
View File
@@ -0,0 +1,397 @@
<?php
/**
* PHPMailer POP-Before-SMTP Authentication Class.
* PHP Version 5
* @package PHPMailer
* @link https://github.com/PHPMailer/PHPMailer/
* @author Marcus Bointon (Synchro/coolbru) <phpmailer@synchromedia.co.uk>
* @author Jim Jagielski (jimjag) <jimjag@gmail.com>
* @author Andy Prevost (codeworxtech) <codeworxtech@users.sourceforge.net>
* @author Brent R. Matzelle (original founder)
* @copyright 2012 - 2014 Marcus Bointon
* @copyright 2010 - 2012 Jim Jagielski
* @copyright 2004 - 2009 Andy Prevost
* @license http://www.gnu.org/copyleft/lesser.html GNU Lesser General Public License
* @note This program is distributed in the hope that it will be useful - WITHOUT
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
* FITNESS FOR A PARTICULAR PURPOSE.
*/
/**
* PHPMailer POP-Before-SMTP Authentication Class.
* Specifically for PHPMailer to use for RFC1939 POP-before-SMTP authentication.
* Does not support APOP.
* @package PHPMailer
* @author Richard Davey (original author) <rich@corephp.co.uk>
* @author Marcus Bointon (Synchro/coolbru) <phpmailer@synchromedia.co.uk>
* @author Jim Jagielski (jimjag) <jimjag@gmail.com>
* @author Andy Prevost (codeworxtech) <codeworxtech@users.sourceforge.net>
*/
class POP3
{
/**
* The POP3 PHPMailer Version number.
* @type string
* @access public
*/
public $Version = '5.2.9';
/**
* Default POP3 port number.
* @type integer
* @access public
*/
public $POP3_PORT = 110;
/**
* Default timeout in seconds.
* @type integer
* @access public
*/
public $POP3_TIMEOUT = 30;
/**
* POP3 Carriage Return + Line Feed.
* @type string
* @access public
* @deprecated Use the constant instead
*/
public $CRLF = "\r\n";
/**
* Debug display level.
* Options: 0 = no, 1+ = yes
* @type integer
* @access public
*/
public $do_debug = 0;
/**
* POP3 mail server hostname.
* @type string
* @access public
*/
public $host;
/**
* POP3 port number.
* @type integer
* @access public
*/
public $port;
/**
* POP3 Timeout Value in seconds.
* @type integer
* @access public
*/
public $tval;
/**
* POP3 username
* @type string
* @access public
*/
public $username;
/**
* POP3 password.
* @type string
* @access public
*/
public $password;
/**
* Resource handle for the POP3 connection socket.
* @type resource
* @access private
*/
private $pop_conn;
/**
* Are we connected?
* @type boolean
* @access private
*/
private $connected = false;
/**
* Error container.
* @type array
* @access private
*/
private $errors = array();
/**
* Line break constant
*/
const CRLF = "\r\n";
/**
* Simple static wrapper for all-in-one POP before SMTP
* @param $host
* @param boolean $port
* @param boolean $tval
* @param string $username
* @param string $password
* @param integer $debug_level
* @return boolean
*/
public static function popBeforeSmtp(
$host,
$port = false,
$tval = false,
$username = '',
$password = '',
$debug_level = 0
) {
$pop = new POP3;
return $pop->authorise($host, $port, $tval, $username, $password, $debug_level);
}
/**
* Authenticate with a POP3 server.
* A connect, login, disconnect sequence
* appropriate for POP-before SMTP authorisation.
* @access public
* @param string $host The hostname to connect to
* @param integer|boolean $port The port number to connect to
* @param integer|boolean $timeout The timeout value
* @param string $username
* @param string $password
* @param integer $debug_level
* @return boolean
*/
public function authorise($host, $port = false, $timeout = false, $username = '', $password = '', $debug_level = 0)
{
$this->host = $host;
// If no port value provided, use default
if (false === $port) {
$this->port = $this->POP3_PORT;
} else {
$this->port = (integer)$port;
}
// If no timeout value provided, use default
if (false === $timeout) {
$this->tval = $this->POP3_TIMEOUT;
} else {
$this->tval = (integer)$timeout;
}
$this->do_debug = $debug_level;
$this->username = $username;
$this->password = $password;
// Reset the error log
$this->errors = array();
// connect
$result = $this->connect($this->host, $this->port, $this->tval);
if ($result) {
$login_result = $this->login($this->username, $this->password);
if ($login_result) {
$this->disconnect();
return true;
}
}
// We need to disconnect regardless of whether the login succeeded
$this->disconnect();
return false;
}
/**
* Connect to a POP3 server.
* @access public
* @param string $host
* @param integer|boolean $port
* @param integer $tval
* @return boolean
*/
public function connect($host, $port = false, $tval = 30)
{
// Are we already connected?
if ($this->connected) {
return true;
}
//On Windows this will raise a PHP Warning error if the hostname doesn't exist.
//Rather than suppress it with @fsockopen, capture it cleanly instead
set_error_handler(array($this, 'catchWarning'));
if (false === $port) {
$port = $this->POP3_PORT;
}
// connect to the POP3 server
$this->pop_conn = fsockopen(
$host, // POP3 Host
$port, // Port #
$errno, // Error Number
$errstr, // Error Message
$tval
); // Timeout (seconds)
// Restore the error handler
restore_error_handler();
// Did we connect?
if (false === $this->pop_conn) {
// It would appear not...
$this->setError(array(
'error' => "Failed to connect to server $host on port $port",
'errno' => $errno,
'errstr' => $errstr
));
return false;
}
// Increase the stream time-out
stream_set_timeout($this->pop_conn, $tval, 0);
// Get the POP3 server response
$pop3_response = $this->getResponse();
// Check for the +OK
if ($this->checkResponse($pop3_response)) {
// The connection is established and the POP3 server is talking
$this->connected = true;
return true;
}
return false;
}
/**
* Log in to the POP3 server.
* Does not support APOP (RFC 2828, 4949).
* @access public
* @param string $username
* @param string $password
* @return boolean
*/
public function login($username = '', $password = '')
{
if (!$this->connected) {
$this->setError('Not connected to POP3 server');
}
if (empty($username)) {
$username = $this->username;
}
if (empty($password)) {
$password = $this->password;
}
// Send the Username
$this->sendString("USER $username" . self::CRLF);
$pop3_response = $this->getResponse();
if ($this->checkResponse($pop3_response)) {
// Send the Password
$this->sendString("PASS $password" . self::CRLF);
$pop3_response = $this->getResponse();
if ($this->checkResponse($pop3_response)) {
return true;
}
}
return false;
}
/**
* Disconnect from the POP3 server.
* @access public
*/
public function disconnect()
{
$this->sendString('QUIT');
//The QUIT command may cause the daemon to exit, which will kill our connection
//So ignore errors here
try {
@fclose($this->pop_conn);
} catch (Exception $e) {
//Do nothing
};
}
/**
* Get a response from the POP3 server.
* $size is the maximum number of bytes to retrieve
* @param integer $size
* @return string
* @access private
*/
private function getResponse($size = 128)
{
$response = fgets($this->pop_conn, $size);
if ($this->do_debug >= 1) {
echo "Server -> Client: $response";
}
return $response;
}
/**
* Send raw data to the POP3 server.
* @param string $string
* @return integer
* @access private
*/
private function sendString($string)
{
if ($this->pop_conn) {
if ($this->do_debug >= 2) { //Show client messages when debug >= 2
echo "Client -> Server: $string";
}
return fwrite($this->pop_conn, $string, strlen($string));
}
return 0;
}
/**
* Checks the POP3 server response.
* Looks for for +OK or -ERR.
* @param string $string
* @return boolean
* @access private
*/
private function checkResponse($string)
{
if (substr($string, 0, 3) !== '+OK') {
$this->setError(array(
'error' => "Server reported an error: $string",
'errno' => 0,
'errstr' => ''
));
return false;
} else {
return true;
}
}
/**
* Add an error to the internal error store.
* Also display debug output if it's enabled.
* @param $error
*/
private function setError($error)
{
$this->errors[] = $error;
if ($this->do_debug >= 1) {
echo '<pre>';
foreach ($this->errors as $error) {
print_r($error);
}
echo '</pre>';
}
}
/**
* POP3 connection error handler.
* @param integer $errno
* @param string $errstr
* @param string $errfile
* @param integer $errline
* @access private
*/
private function catchWarning($errno, $errstr, $errfile, $errline)
{
$this->setError(array(
'error' => "Connecting to the POP3 server raised a PHP warning: ",
'errno' => $errno,
'errstr' => $errstr,
'errfile' => $errfile,
'errline' => $errline
));
}
}
template/real_estate_html/site/bat/phpmailer/class.smtp.php
Executable
+1135
View File
File diff suppressed because it is too large. Load diff
template/real_estate_html/site/bat/rd-mailform.config.json
Executable
+8
View File
@@ -0,0 +1,8 @@
{
"useSmtp": false,
"host": "stmp.gmail.com",
"port": 465,
"username": "demo@gmail.com",
"password": "demopassword",
"recipientEmail": "demo@gmail.com"
}
template/real_estate_html/site/bat/rd-mailform.php
Executable
+146
View File
@@ -0,0 +1,146 @@
<?php
$formConfigFile = file_get_contents("rd-mailform.config.json");
$formConfig = json_decode($formConfigFile, true);
date_default_timezone_set('Etc/UTC');
try {
require './phpmailer/PHPMailerAutoload.php';
$recipients = $formConfig['recipientEmail'];
preg_match_all("/([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)/", $recipients, $addresses, PREG_OFFSET_CAPTURE);
if (!count($addresses[0])) {
die('MF001');
}
function getRemoteIPAddress() {
if (!empty($_SERVER['HTTP_CLIENT_IP'])) {
return $_SERVER['HTTP_CLIENT_IP'];
} else if (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) {
return $_SERVER['HTTP_X_FORWARDED_FOR'];
}
return $_SERVER['REMOTE_ADDR'];
}
if (preg_match('/^(127\.|192\.168\.)/', getRemoteIPAddress())) {
die('MF002');
}
$template = file_get_contents('rd-mailform.tpl');
if (isset($_POST['form-type'])) {
switch ($_POST['form-type']){
case 'contact':
$subject = 'A message from your site visitor';
break;
case 'subscribe':
$subject = 'Subscribe request';
break;
case 'order':
$subject = 'Order request';
break;
default:
$subject = 'A message from your site visitor';
break;
}
}else{
die('MF004');
}
if (isset($_POST['email'])) {
$template = str_replace(
array("<!-- #{FromState} -->", "<!-- #{FromEmail} -->"),
array("Email:", $_POST['email']),
$template);
}
if (isset($_POST['message'])) {
$template = str_replace(
array("<!-- #{MessageState} -->", "<!-- #{MessageDescription} -->"),
array("Message:", $_POST['message']),
$template);
}
preg_match("/(<!-- #\{BeginInfo\} -->)(.|\s)*?(<!-- #\{EndInfo\} -->)/", $template, $tmp, PREG_OFFSET_CAPTURE);
foreach ($_POST as $key => $value) {
if ($key != "counter" && $key != "email" && $key != "message" && $key != "form-type" && $key != "g-recaptcha-response" && !empty($value)){
$info = str_replace(
array("<!-- #{BeginInfo} -->", "<!-- #{InfoState} -->", "<!-- #{InfoDescription} -->"),
array("", ucfirst($key) . ':', $value),
$tmp[0][0]);
$template = str_replace("<!-- #{EndInfo} -->", $info, $template);
}
}
$template = str_replace(
array("<!-- #{Subject} -->", "<!-- #{SiteName} -->"),
array($subject, $_SERVER['SERVER_NAME']),
$template);
$mail = new PHPMailer();
if ($formConfig['useSmtp']) {
//Tell PHPMailer to use SMTP
$mail->isSMTP();
//Enable SMTP debugging
// 0 = off (for production use)
// 1 = client messages
// 2 = client and server messages
$mail->SMTPDebug = 0;
$mail->Debugoutput = 'html';
// Set the hostname of the mail server
$mail->Host = $formConfig['host'];
// Set the SMTP port number - likely to be 25, 465 or 587
$mail->Port = $formConfig['port'];
// Whether to use SMTP authentication
$mail->SMTPAuth = true;
$mail->SMTPSecure = "ssl";
// Username to use for SMTP authentication
$mail->Username = $formConfig['username'];
// Password to use for SMTP authentication
$mail->Password = $formConfig['password'];
}
$mail->From = $addresses[0][0][0];
# Attach file
if (isset($_FILES['file']) &&
$_FILES['file']['error'] == UPLOAD_ERR_OK) {
$mail->AddAttachment($_FILES['file']['tmp_name'],
$_FILES['file']['name']);
}
if (isset($_POST['name'])){
$mail->FromName = $_POST['name'];
}else{
$mail->FromName = "Site Visitor";
}
foreach ($addresses[0] as $key => $value) {
$mail->addAddress($value[0]);
}
$mail->CharSet = 'utf-8';
$mail->Subject = $subject;
$mail->MsgHTML($template);
$mail->send();
die('MF000');
} catch (phpmailerException $e) {
die('MF254');
} catch (Exception $e) {
die('MF255');
}
template/real_estate_html/site/bat/rd-mailform.tpl
Executable
+196
View File
@@ -0,0 +1,196 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="initial-scale=1.0" />
<meta name="format-detection" content="telephone=no" />
<title><!-- #{Subject} --></title>
<style type="text/css">
#outlook a {
padding: 0;
}
body {
width: 100% !important;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
margin: 0;
padding: 0;
}
.ExternalClass {
width: 100%;
}
.ExternalClass,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}
.ExternalClass p {
line-height: inherit;
}
#body-layout {
margin: 0;
padding: 0;
width: 100% !important;
line-height: 100% !important;
}
img {
display: block;
outline: none;
text-decoration: none;
-ms-interpolation-mode: bicubic;
}
a img {
border: none;
}
table td {
border-collapse: collapse;
}
table {
border-collapse: collapse;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
a {
color: orange;
outline: none;
}
</style>
</head>
<body id="body-layout" style="background: #406c8d;">
<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="top" style="padding: 0 15px;background: #406c8d;">
<table align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="15" style="height: 15px; line-height:15px;"></td>
</tr>
<tr>
<td width="600" align="center" valign="top" style="border-radius: 4px; overflow: hidden; box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.2);background: #dde1e6;">
<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="top" style="border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: hidden; padding: 0 20px;background: #302f35;">
<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="30" style="height: 30px; line-height:30px;"></td>
</tr>
<tr>
<td align="left" valign="top" style="font-family: Arial, sans-serif; font-size: 32px; mso-line-height-rule: exactly; line-height: 32px; font-weight: 400; letter-spacing: 1px;color: #ffffff;">Notification</td>
</tr>
<tr>
<td height="30" style="height: 30px; line-height:30px;"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top" style="padding: 0 20px;">
<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="30" style="height: 30px; line-height:30px;"></td>
</tr>
<tr>
<td align="left" valign="top" style="font-family: Arial, sans-serif; font-size: 14px; mso-line-height-rule: exactly; line-height: 22px; font-weight: 400;color: #302f35;">Hi, someone left a message for you at <!-- #{SiteName} --></td>
</tr>
<tr>
<td height="20" style="height: 20px; line-height:20px;"></td>
</tr>
<tr>
<td align="center" valign="top">
<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="top" style="background: #d1d5da;">
<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="1" style="height: 1px; line-height:1px;"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top" style="background: #e4e6e9;">
<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="2" style="height: 2px; line-height:2px;"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20" style="height: 20px; line-height:20px;"></td>
</tr>
<tr>
<td align="left" valign="top" style="font-family: Arial, sans-serif; font-size: 24px; mso-line-height-rule: exactly; line-height: 30px; font-weight: 700;color: #302f35;">
<!-- #{Subject} -->
</td>
</tr>
<tr>
<td height="20" style="height: 20px; line-height:20px;"></td>
</tr>
<tr>
<td align="center" valign="top">
<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="top">
<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="110" align="left" valign="top" style="padding: 0 10px 0 0;font-family: Arial, sans-serif; font-size: 14px; mso-line-height-rule: exactly; line-height: 20px; font-weight: 400;color: #302f35;font-weight: 700;"><!-- #{FromState} --></td>
<td align="left" valign="top" style="font-family: Arial, sans-serif; font-size: 14px; mso-line-height-rule: exactly; line-height: 20px; font-weight: 400;color: #302f35;"><!-- #{FromEmail} --></td>
</tr>
<!-- #{BeginInfo} -->
<tr>
<td width="110" align="left" valign="top" style="padding: 0 10px 0 0;font-family: Arial, sans-serif; font-size: 14px; mso-line-height-rule: exactly; line-height: 20px; font-weight: 400;color: #302f35;font-weight: 700;"><!-- #{InfoState} --></td>
<td align="left" valign="top" style="font-family: Arial, sans-serif; font-size: 14px; mso-line-height-rule: exactly; line-height: 20px; font-weight: 400;color: #302f35;"><!-- #{InfoDescription} --></td>
</tr>
<!-- #{EndInfo} -->
</table>
</td>
</tr>
<tr>
<td height="12" style="height: 12px; line-height:12px;"></td>
</tr>
<tr>
<td align="left" valign="top" style="font-family: Arial, sans-serif; font-size: 14px; mso-line-height-rule: exactly; line-height: 20px; font-weight: 400;color: #302f35;font-weight: 700;"><!-- #{MessageState} --></td>
</tr>
<tr>
<td align="left" valign="top" style="font-family: Arial, sans-serif; font-size: 14px; mso-line-height-rule: exactly; line-height: 20px; font-weight: 400;color: #302f35;">
<!-- #{MessageDescription} -->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="40" style="height: 40px; line-height:40px;"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20" style="height: 20px; line-height:20px;"></td>
</tr>
<tr>
<td width="600" align="center" valign="top">
<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="top" style="font-family: Arial, sans-serif; font-size: 12px; mso-line-height-rule: exactly; line-height: 18px; font-weight: 400;color: #a1b4c4;">This is an automatically generated email, please do not reply.</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20" style="height: 20px; line-height:20px;"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
template/real_estate_html/site/bat/rd-search.php
Executable
+217
View File
@@ -0,0 +1,217 @@
<?php
if (!isset($_GET['s'])) {
die('You must define a search term!');
}
$highlight = true;//highlight results or not
$search_in = array('html', 'htm');//allowable filetypes to search in
$search_dir = '..';//starting directory
$recursive = true;//should it search recursively or not
define('SIDE_CHARS', 15);
$file_count = 0;
$search_term = mb_strtolower($_GET['s'], 'UTF-8');
if ($search_term == "?s=") {
$search_term = "";
}
$search_term = preg_replace('/^\/$/', '"/"', $search_term);
$search_term = preg_replace('/\+/', ' ', $search_term);
$search_term_length = strlen($search_term);
if (isset($_GET['liveCount'])){
$search_live_count = $_GET['liveCount'];
}
$final_result = array();
$search_filter_init = $_GET['filter'];
$search_filter = preg_replace("/\*/", ".*", $search_filter_init);
$search_template = preg_replace('/\+/', ' ', $_GET['template']);
preg_match_all("/\#\{((?!title|href|token|count)[a-z]*)\}/", $search_template, $template_tokens);
$template_tokens = $template_tokens[1];
$files = list_files($search_dir);
foreach ($files as $file) {
if (0 == filesize($file)) {
continue;
}
if (!preg_match("/" . $search_filter . "/", $file)) {
continue;
}
$contents = file_get_contents($file);
preg_match("/\<title\>(.*)\<\/title\>/", $contents, $page_title); //getting page title
if (preg_match("#\<body.*\>(.*)\<\/body\>#si", $contents, $body_content)) { //getting content only between <body></body> tags
$clean_content = strip_tags($body_content[0]); //remove html tags
$clean_content = preg_replace('/\s+/', ' ', $clean_content); //remove duplicate whitespaces, carriage returns, tabs, etc
$found = strpos_recursive(mb_strtolower($clean_content, 'UTF-8'), $search_term);
$final_result[$file_count]['page_title'][] = $page_title[1];
$final_result[$file_count]['file_name'][] = preg_replace("/^.{3}/", "\\1", $file);
}
for ($j = 0; $j < count($template_tokens); $j++) {
if (preg_match("/\<meta\s+name=[\'|\"]" . $template_tokens[$j] . "[\'|\"]\s+content=[\'|\"](.*)[\'|\"]\>/", $contents, $res)) {
$final_result[$file_count][$template_tokens[$j]] = $res[1];
}
}
if ($found && !empty($found)) {
for ($z = 0; $z < count($found[0]); $z++) {
$pos = $found[0][$z][1];
$side_chars = SIDE_CHARS;
if ($pos < SIDE_CHARS) {
$side_chars = $pos;
if (isset($_GET['liveSearch']) and $_GET['liveSearch'] != "") {
$pos_end = SIDE_CHARS + $search_term_length + 15;
} else {
$pos_end = SIDE_CHARS * 9 + $search_term_length;
}
} else {
if (isset($_GET['liveSearch']) and $_GET['liveSearch'] != "") {
$pos_end = SIDE_CHARS + $search_term_length + 15;
} else {
$pos_end = SIDE_CHARS * 9 + $search_term_length;
}
}
$pos_start = $pos - $side_chars;
$str = substr($clean_content, $pos_start, $pos_end);
$result = preg_replace('#' . $search_term . '#ui', '<span class="search">\0</span>', $str);
//$result = preg_replace('#'.$search_term.'#ui', '<span class="search">'.$search_term.'</span>', $str);
$final_result[$file_count]['search_result'][] = $result;
}
} else {
$final_result[$file_count]['search_result'][] = '';
}
$file_count++;
}
if ($file_count > 0) {
//Sort final result
foreach ($final_result as $key => $row) {
$search_result[$key] = $row['search_result'];
}
array_multisort($search_result, SORT_DESC, $final_result);
}
?>
<div id="search-results">
<?php if (count($final_result) > 0 and isset($_GET['liveSearch']) and $_GET['liveSearch'] != "") {
echo "<div class='search-quick-result'>Quick Results</div>";
} ?>
<ol class="search-list">
<?php
$sum_of_results = 0;
$match_count = 0;
for ($i = 0; $i < count($final_result); $i++) {
if (!empty($final_result[$i]['search_result'][0]) || $final_result[$i]['search_result'][0] !== '') {
$match_count++;
$sum_of_results += count($final_result[$i]['search_result']);
if (isset($_GET['liveSearch']) and $_GET['liveSearch'] != "" and $i >= $search_live_count) {
} else {
?>
<li class="search-list-item">
<?php
$replacement = [$final_result[$i]['page_title'][0],
$final_result[$i]['file_name'][0],
$final_result[$i]['search_result'][0],
count($final_result[$i]['search_result'])
];
$template = preg_replace(["/#{title}/","/#{href}/","/#{token}/","/#{count}/"],$replacement, $search_template);
for ($k = 0; $k < count($template_tokens); $k++){
if (isset($final_result[$i][$template_tokens[$k]])){
$template = preg_replace("/#{" . $template_tokens[$k] . "}/", $final_result[$i][$template_tokens[$k]], $template);
}else{
$template = preg_replace("/#{" . $template_tokens[$k] . "}/", " ", $template);
}
}
echo $template; ?>
</li>
<?php
}
}
}
if ($match_count == 0) {
echo '<li><div class="search-error">No results found for "<span class="search">' . $search_term . '</span>"<div/></li>';
}
?>
<?php
if (isset($_GET['liveSearch']) and $_GET['liveSearch'] != "" and $match_count != 0) {
?>
<li class="search-list-item-all">
<a href='search-results.html?s=<?php echo $_GET['s']; ?>&amp;filter=<?php echo $search_filter_init; ?>' class="search-submit">
<?php
echo "See other ";
echo $sum_of_results;
echo $sum_of_results < 2 ? " result on " : " results";
?>
</a>
</li>
<?php
}
?>
</ol>
</div>
<?php
//lists all the files in the directory given (and sub-directories if it is enabled)
function list_files($dir)
{
global $recursive, $search_in;
$result = array();
if (is_dir($dir)) {
if ($dh = opendir($dir)) {
while (($file = readdir($dh)) !== false) {
if (!($file == '.' || $file == '..')) {
$file = $dir . '/' . $file;
if (is_dir($file) && $recursive == true && $file != './.' && $file != './..') {
$result = array_merge($result, list_files($file));
} else if (!is_dir($file)) {
if (in_array(get_file_extension($file), $search_in)) {
$result[] = $file;
}
}
}
}
}
}
return $result;
}
//returns the extention of a file
function get_file_extension($filename)
{
$result = '';
$parts = explode('.', $filename);
if (is_array($parts) && count($parts) > 1) {
$result = end($parts);
}
return $result;
}
function strpos_recursive($haystack, $needle, $offset = 0, &$results = array())
{
$offset = stripos($haystack, $needle, $offset);
if ($offset === false) {
return $results;
} else {
$pattern = '/' . $needle . '/ui';
preg_match_all($pattern, $haystack, $results, PREG_OFFSET_CAPTURE);
return $results;
}
}
?>
template/real_estate_html/site/bat/reCaptcha.php
Executable
+34
View File
@@ -0,0 +1,34 @@
<?php
// Initiate the autoloader.
require_once 'ReCaptcha/autoload.php';
// Register You API keys at https://www.google.com/recaptcha/admin
// And write it here
$siteKey = '6LfZlSETAAAAAC5VW4R4tQP8Am_to4bM3dddxkEt';
$secret = '6LfZlSETAAAAAOi4lh7GHcSOO0pbXnAMJRhnsr7O';
// reCAPTCHA supported 40+ languages listed here: https://developers.google.com/recaptcha/docs/language
$lang = 'en';
// If No key
if ($siteKey === '' || $secret === ''):
die('CPT001');
elseif (isset($_POST['g-recaptcha-response'])):
// If the form submission includes the "g-captcha-response" field
// Create an instance of the service using your secret
$recaptcha = new \ReCaptcha\ReCaptcha($secret);
// Make the call to verify the response and also pass the user's IP address
$resp = $recaptcha->verify($_POST['g-recaptcha-response'], $_SERVER['REMOTE_ADDR']);
if ($resp->isSuccess()):
// If the response is a success, that's it!
die('CPT000');
else:
// Something wrong
die('CPT002');
endif;
endif;
?>
template/real_estate_html/site/blog-layouts.html
Executable
+432
View File
@@ -0,0 +1,432 @@
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>Blog Layouts</title>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width height=device-height initial-scale=1.0 maximum-scale=1.0 user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- Stylesheets-->
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,800%7CPoppins:300,400,700">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css" id="main-styles-link">
<!--[if lt IE 10]>
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div class="page">
<!-- Page Header-->
<header class="section page-header">
<!-- RD Navbar-->
<div class="rd-navbar-wrap">
<nav class="rd-navbar rd-navbar-corporate" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-lg-stick-up="true" data-lg-stick-up-offset="118px" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-xl-stick-up="true" data-xl-stick-up-offset="118px" data-xxl-layout="rd-navbar-static" data-xxl-device-layout="rd-navbar-static" data-xxl-stick-up-offset="118px" data-xxl-stick-up="true">
<div class="rd-navbar-aside-outer">
<div class="rd-navbar-aside">
<!-- RD Navbar Panel-->
<div class="rd-navbar-panel">
<!-- RD Navbar Toggle-->
<button class="rd-navbar-toggle" data-rd-navbar-toggle="#rd-navbar-nav-wrap-1"><span></span></button>
<!-- RD Navbar Brand--><a class="rd-navbar-brand" href="index.html"><img src="images/logo-default-151x44.png" alt="" width="151" height="44" srcset="images/logo-default-151x44.png 2x"/></a>
</div>
<div class="rd-navbar-collapse">
<button class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1" data-rd-navbar-toggle="#rd-navbar-collapse-content-1"><span></span></button>
<div class="rd-navbar-collapse-content" id="rd-navbar-collapse-content-1">
<article class="unit align-items-center">
<div class="unit-left"><span class="icon icon-md icon-modern mdi mdi-phone"></span></div>
<div class="unit-body">
<ul class="list-0">
<li><a class="link-default" href="tel:#">1-800-1234-567</a></li>
<li><a class="link-default" href="tel:#">1-800-8763-765</a></li>
</ul>
</div>
</article>
<article class="unit align-items-center">
<div class="unit-left"><span class="icon icon-md icon-modern mdi mdi-map-marker"></span></div>
<div class="unit-body"><a class="link-default" href="tel:#">2130 Fulton Street <br> San Diego, CA 94117-1080</a></div>
</article><a class="button button-gray-bordered button-winona" href="#">Request a call</a>
</div>
</div>
</div>
</div>
<div class="rd-navbar-main-outer">
<div class="rd-navbar-main">
<div class="rd-navbar-nav-wrap" id="rd-navbar-nav-wrap-1">
<!-- RD Navbar Search-->
<div class="rd-navbar-search" id="rd-navbar-search-1">
<button class="rd-navbar-search-toggle" data-rd-navbar-toggle="#rd-navbar-search-1"><span></span></button>
<form class="rd-search" action="search-results.html" data-search-live="rd-search-results-live-1" method="GET">
<div class="form-wrap">
<label class="form-label" for="rd-navbar-search-form-input-1">Search...</label>
<input class="form-input rd-navbar-search-form-input" id="rd-navbar-search-form-input-1" type="text" name="s" autocomplete="off">
<div class="rd-search-results-live" id="rd-search-results-live-1"></div>
</div>
<button class="rd-search-form-submit fa-search" type="submit"></button>
</form>
</div>
<!-- RD Navbar Nav-->
<ul class="rd-navbar-nav">
<li class="rd-nav-item"><a class="rd-nav-link" href="index.html">Home</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="about-us.html">About us</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="our-team.html">Our Team</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="testimonials.html">Testimonials</a></li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="properties.html">Properties</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-property.html">Single Property</a></li>
</ul>
</li>
<li class="rd-nav-item active"><a class="rd-nav-link" href="#">Blog</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="grid-blog.html">Grid Blog</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="sidebar-blog.html">Sidebar Blog</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-blog-post.html">Single Blog Post</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="blog-layouts.html">Blog Layouts</a></li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#">Pages</a>
<!-- RD Navbar Megamenu-->
<ul class="rd-menu rd-navbar-megamenu">
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="typography.html">Typography</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="buttons.html">Buttons</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="forms.html">Forms</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="progress-bars.html">Progress bars</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tabs.html">Tabs</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tables.html">Tables</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="accordions.html">Accordions</a></li>
</ul>
</li>
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="small-features.html">Small Features</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="large-features.html">Large Features</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="careers.html">Careers</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="search-results.html">Search results</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="single-job.html">Single Job</a></li>
</ul>
</li>
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="404-page.html">404 Page</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="503-page.html">503 Page</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="coming-soon.html">Coming Soon</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="privacy-policy.html">Privacy policy</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="under-construction.html">Under Construction</a></li>
</ul>
</li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="contacts.html">Contacts</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- Breadcrumbs -->
<section class="breadcrumbs-custom bg-image context-dark" style="background-image: url(images/breadcrumbs-image-1.jpg);">
<div class="breadcrumbs-custom-inner">
<div class="container breadcrumbs-custom-container">
<div class="breadcrumbs-custom-main">
<h6 class="breadcrumbs-custom-subtitle title-decorated">Blog</h6>
<h2 class="text-uppercase breadcrumbs-custom-title">Blog Layouts</h2>
</div>
<ul class="breadcrumbs-custom-path">
<li><a href="index.html">Home</a></li>
<li><a href="#">Blog</a></li>
<li class="active">Blog Layouts</li>
</ul>
</div>
</div>
</section>
<!-- 3 Column Layout-->
<section class="section section-lg bg-gray-100 text-center">
<div class="container">
<h3>3 Column Layout</h3>
<div class="row row-50">
<div class="col-sm-6 col-lg-4 wow-outer">
<!-- Post Classic-->
<article class="post-classic wow slideInLeft"><a class="post-classic-media" href="single-blog-post.html"><img src="images/sidebar-blog-1-370x264.jpg" alt="" width="370" height="264"/></a>
<ul class="post-classic-meta">
<li><a class="button-winona" href="#">News</a></li>
<li>
<time datetime="2018">Apr 21, 2018 at 12:05 pm</time>
</li>
</ul>
<h4 class="post-classic-title"><a class="post-modern-title" href="single-blog-post.html">Real Estate Guide: 7 Important Tips for Buying a Home</a></h4>
</article>
</div>
<div class="col-sm-6 col-lg-4 wow-outer">
<!-- Post Classic-->
<article class="post-classic wow slideInLeft" data-wow-delay=".05s"><a class="post-classic-media" href="single-blog-post.html"><img src="images/sidebar-blog-2-370x264.jpg" alt="" width="370" height="264"/></a>
<ul class="post-classic-meta">
<li><a class="button-winona" href="#">Tips</a></li>
<li>
<time datetime="2018">Apr 21, 2018 at 12:05 pm</time>
</li>
</ul>
<h4 class="post-classic-title"><a class="post-modern-title" href="single-blog-post.html">Start These Habits Now If You Want to Buy a Home Next Year</a></h4>
</article>
</div>
<div class="col-sm-6 col-lg-4 wow-outer">
<!-- Post Classic-->
<article class="post-classic wow slideInLeft" data-wow-delay=".1s"><a class="post-classic-media" href="single-blog-post.html"><img src="images/sidebar-blog-3-370x264.jpg" alt="" width="370" height="264"/></a>
<ul class="post-classic-meta">
<li><a class="button-winona" href="#">News</a></li>
<li>
<time datetime="2018">Apr 21, 2018 at 12:05 pm</time>
</li>
</ul>
<h4 class="post-classic-title"><a class="post-modern-title" href="single-blog-post.html">7 Signs the Home You’re Buying Will Have Good Resale Value</a></h4>
</article>
</div>
</div>
<div class="wow-outer button-outer"><a class="button button-lg button-primary button-winona wow slideInUp" href="grid-blog.html">View all Blog posts</a></div>
</div>
</section>
<!-- 2 Column Layout-->
<section class="section section-lg text-center">
<div class="container">
<h3>2 Column Layout</h3>
<div class="row row-50">
<div class="col-md-6 wow-outer">
<!-- Post Modern-->
<article class="post-modern wow slideInLeft"><a class="post-modern-media" href="single-blog-post.html"><img src="images/grid-blog-1-571x353.jpg" alt="" width="571" height="353"/></a>
<h4 class="post-modern-title"><a class="post-modern-title" href="single-blog-post.html">5619 Walnut Hill Ln, Dallas, TX 75229</a></h4>
<ul class="post-modern-meta">
<li><a class="button-winona" href="#">$1500/mon</a></li>
<li>30 Sq. Ft.</li>
<li>3 Bedrooms</li>
</ul>
<p>A comfortable residential property located in a quiet and cozy area.</p>
</article>
</div>
<div class="col-md-6 wow-outer">
<!-- Post Modern-->
<article class="post-modern wow slideInLeft"><a class="post-modern-media" href="single-blog-post.html"><img src="images/grid-blog-2-571x353.jpg" alt="" width="571" height="353"/></a>
<h4 class="post-modern-title"><a class="post-modern-title" href="single-blog-post.html">1808 Bolingbroke Pl, Fort Worth, TX 76140</a></h4>
<ul class="post-modern-meta">
<li><a class="button-winona" href="#">$1300/mon</a></li>
<li>40 Sq. Ft.</li>
<li>2 Bedrooms</li>
</ul>
<p>Perfect for those who love both city life and the countryside.</p>
</article>
</div>
</div><a class="button button-primary-outline button-winona" href="grid-blog.html">View all</a>
</div>
</section>
<!-- News Posts Layout-->
<section class="section section-lg bg-gray-100">
<div class="container">
<h3 class="text-center">News Posts Layout</h3>
<div class="row row-50 justify-content-center justify-content-lg-start">
<div class="col-md-10 col-lg-7 wow-outer">
<!-- Post Block-->
<article class="post-block bg-gray-700"><img class="post-block-image" src="images/blog-layouts-5-637x456.jpg" alt="" width="637" height="456"/>
<div class="post-block-caption">
<ul class="post-block-meta">
<li class="wow-outer"><span class="wow slideInLeft">by Theresa Barnes</span></li>
<li class="wow-outer"><a class="button-winona wow slideInLeft" href="#">News</a></li>
<li class="wow-outer">
<time class="wow slideInLeft" datetime="2018">April 2, 2018</time>
</li>
</ul>
<h4 class="post-block-title"><a href="single-blog-post.html">7 Important Tips for Buying a Home</a></h4>
</div>
<div class="post-block-dummy"></div>
</article>
</div>
<div class="col-md-10 col-lg-5">
<div class="post-light-group wow-outer">
<!-- Post Light-->
<article class="post-light wow slideInLeft">
<time class="post-light-time" datetime="2018"><span class="post-light-time-big">29</span><span class="post-light-time-small">April</span></time>
<div class="post-light-main">
<h4 class="post-light-title"><a href="single-blog-post.html">Useful Habits for Potential Home Buyers</a></h4>
<ul class="post-light-meta">
<li>by Mike Barnes</li>
<li><a class="button-winona" href="#">News</a></li>
</ul>
</div>
</article>
<!-- Post Light-->
<article class="post-light wow slideInLeft">
<time class="post-light-time" datetime="2018"><span class="post-light-time-big">30</span><span class="post-light-time-small">April</span></time>
<div class="post-light-main">
<h4 class="post-light-title"><a href="single-blog-post.html">7 Signs of Your Home's Good Resale Value</a></h4>
<ul class="post-light-meta">
<li>by Mike Barnes</li>
<li><a class="button-winona" href="#">News</a></li>
</ul>
</div>
</article>
<!-- Post Light-->
<article class="post-light wow slideInLeft">
<time class="post-light-time" datetime="2018"><span class="post-light-time-big">2</span><span class="post-light-time-small">May</span></time>
<div class="post-light-main">
<h4 class="post-light-title"><a href="single-blog-post.html">Single-Family Homes as a Housing Option</a></h4>
<ul class="post-light-meta">
<li>by Mike Barnes</li>
<li><a class="button-winona" href="#">News</a></li>
</ul>
</div>
</article>
</div>
<div class="wow-outer button-outer"><a class="button button-primary button-winona wow slideInDown" href="grid-blog.html">View all posts</a></div>
</div>
</div>
</div>
</section>
<!-- Residential property categories-->
<section class="section-lg text-center">
<div class="container">
<h3 class="text-uppercase">Residential property categories</h3>
<p><span class="text-width-1">At our agency, we work with various types of residential real estate property. You can find out more about our properties by browsing our website.</span></p>
<div class="row row-50 row-xxl-70 offset-top-2">
<div class="col-sm-6 col-lg-3">
<!-- Thumbnail Light-->
<article class="thumbnail-light"><a class="thumbnail-light-media" href="single-property.html"><img class="thumbnail-light-image" src="images/service-thumbnail-1-270x300.jpg" alt="" width="270" height="300"/></a>
<h4 class="thumbnail-light-title"><a href="single-property.html">Single-Family Homes</a></h4>
</article>
</div>
<div class="col-sm-6 col-lg-3">
<!-- Thumbnail Light-->
<article class="thumbnail-light"><a class="thumbnail-light-media" href="single-property.html"><img class="thumbnail-light-image" src="images/service-thumbnail-2-270x300.jpg" alt="" width="270" height="300"/></a>
<h4 class="thumbnail-light-title"><a href="single-property.html">Townhouses</a></h4>
</article>
</div>
<div class="col-sm-6 col-lg-3">
<!-- Thumbnail Light-->
<article class="thumbnail-light"><a class="thumbnail-light-media" href="single-property.html"><img class="thumbnail-light-image" src="images/service-thumbnail-3-270x300.jpg" alt="" width="270" height="300"/></a>
<h4 class="thumbnail-light-title"><a href="single-property.html">Multi-Family Homes</a></h4>
</article>
</div>
<div class="col-sm-6 col-lg-3">
<!-- Thumbnail Light-->
<article class="thumbnail-light"><a class="thumbnail-light-media" href="single-property.html"><img class="thumbnail-light-image" src="images/service-thumbnail-4-270x300.jpg" alt="" width="270" height="300"/></a>
<h4 class="thumbnail-light-title"><a href="single-property.html">Condominiums</a></h4>
</article>
</div>
<div class="col-md-12 wow-outer"><a class="button button-primary-outline button-winona" href="grid-blog.html">View all</a></div>
</div>
</div>
</section>
<!-- Page Footer-->
<footer class="section footer-advanced bg-gray-700">
<div class="footer-advanced-main">
<div class="container">
<div class="row row-50">
<div class="col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">About Us</h5>
<p class="footer-advanced-text">inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.</p>
</div>
<div class="col-sm-7 col-md-5 col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">Recent Blog Posts</h5>
<!-- Post Inline-->
<article class="post-inline">
<p class="post-inline-title"><a href="single-blog-post.html">Real Estate Guide: 7 Important Tips for Buying a Home</a></p>
<ul class="post-inline-meta">
<li>by Mike Barnes</li>
<li><a href="single-blog-post.html">2 days ago</a></li>
</ul>
</article>
<!-- Post Inline-->
<article class="post-inline">
<p class="post-inline-title"><a href="single-blog-post.html">Single-Family Homes as a Housing Option for Young Families</a></p>
<ul class="post-inline-meta">
<li>by Mike Barnes</li>
<li><a href="single-blog-post.html">2 days ago</a></li>
</ul>
</article>
</div>
<div class="col-sm-5 col-md-7 col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">Gallery</h5>
<div class="row row-x-10" data-lightgallery="group">
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-1.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-1-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-2.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-2-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-3.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-3-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-4.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-4-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-5.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-5-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-6.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-6-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"> </div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-7.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-7-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-8.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-8-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-advanced-aside">
<div class="container">
<div class="footer-advanced-layout">
<div>
<ul class="list-nav">
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About</a></li>
<li><a href="properties.html">Properties</a></li>
<li><a href="grid-blog.html">Blog</a></li>
<li><a href="contacts.html">Contacts</a></li>
</ul>
</div>
<div>
<ul class="foter-social-links list-inline list-inline-md">
<li><a class="icon icon-sm link-default mdi mdi-facebook" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-twitter" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-instagram" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-google" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-linkedin" href="#"></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<hr>
</div>
<div class="footer-advanced-aside">
<div class="container">
<div class="footer-advanced-layout"><a class="brand" href="index.html"><img src="images/logo-light-115x34.png" alt="" width="115" height="34" srcset="images/logo-light-115x34.png 2x"/></a>
<!-- Rights-->
<p class="rights"><span>&copy;&nbsp;</span><span class="copyright-year"></span><span>&nbsp;</span><span>All Rights Reserved.</span><span>&nbsp;</span><br class="d-sm-none"/><a href="#">Terms of Use</a><span> and</span><span>&nbsp;</span><a href="privacy-policy.html">Privacy Policy</a></p>
</div>
</div>
</div>
</footer>
</div>
<div class="preloader">
<div class="preloader-logo"><img src="images/logo-default-151x44.png" alt="" width="151" height="44" srcset="images/logo-default-151x44.png 2x"/>
</div>
<div class="preloader-body">
<div id="loadingProgressG">
<div class="loadingProgressG" id="loadingProgressG_1"></div>
</div>
</div>
</div>
<!-- Global Mailform Output-->
<div class="snackbars" id="form-output-global"></div>
<!-- Javascript-->
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>
template/real_estate_html/site/buttons.html
Executable
+302
View File
@@ -0,0 +1,302 @@
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>Buttons</title>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width height=device-height initial-scale=1.0 maximum-scale=1.0 user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- Stylesheets-->
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,800%7CPoppins:300,400,700">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css" id="main-styles-link">
<!--[if lt IE 10]>
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div class="page">
<!-- Page Header-->
<header class="section page-header">
<!-- RD Navbar-->
<div class="rd-navbar-wrap">
<nav class="rd-navbar rd-navbar-corporate" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-lg-stick-up="true" data-lg-stick-up-offset="118px" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-xl-stick-up="true" data-xl-stick-up-offset="118px" data-xxl-layout="rd-navbar-static" data-xxl-device-layout="rd-navbar-static" data-xxl-stick-up-offset="118px" data-xxl-stick-up="true">
<div class="rd-navbar-aside-outer">
<div class="rd-navbar-aside">
<!-- RD Navbar Panel-->
<div class="rd-navbar-panel">
<!-- RD Navbar Toggle-->
<button class="rd-navbar-toggle" data-rd-navbar-toggle="#rd-navbar-nav-wrap-1"><span></span></button>
<!-- RD Navbar Brand--><a class="rd-navbar-brand" href="index.html"><img src="images/logo-default-151x44.png" alt="" width="151" height="44" srcset="images/logo-default-151x44.png 2x"/></a>
</div>
<div class="rd-navbar-collapse">
<button class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1" data-rd-navbar-toggle="#rd-navbar-collapse-content-1"><span></span></button>
<div class="rd-navbar-collapse-content" id="rd-navbar-collapse-content-1">
<article class="unit align-items-center">
<div class="unit-left"><span class="icon icon-md icon-modern mdi mdi-phone"></span></div>
<div class="unit-body">
<ul class="list-0">
<li><a class="link-default" href="tel:#">1-800-1234-567</a></li>
<li><a class="link-default" href="tel:#">1-800-8763-765</a></li>
</ul>
</div>
</article>
<article class="unit align-items-center">
<div class="unit-left"><span class="icon icon-md icon-modern mdi mdi-map-marker"></span></div>
<div class="unit-body"><a class="link-default" href="tel:#">2130 Fulton Street <br> San Diego, CA 94117-1080</a></div>
</article><a class="button button-gray-bordered button-winona" href="#">Request a call</a>
</div>
</div>
</div>
</div>
<div class="rd-navbar-main-outer">
<div class="rd-navbar-main">
<div class="rd-navbar-nav-wrap" id="rd-navbar-nav-wrap-1">
<!-- RD Navbar Search-->
<div class="rd-navbar-search" id="rd-navbar-search-1">
<button class="rd-navbar-search-toggle" data-rd-navbar-toggle="#rd-navbar-search-1"><span></span></button>
<form class="rd-search" action="search-results.html" data-search-live="rd-search-results-live-1" method="GET">
<div class="form-wrap">
<label class="form-label" for="rd-navbar-search-form-input-1">Search...</label>
<input class="form-input rd-navbar-search-form-input" id="rd-navbar-search-form-input-1" type="text" name="s" autocomplete="off">
<div class="rd-search-results-live" id="rd-search-results-live-1"></div>
</div>
<button class="rd-search-form-submit fa-search" type="submit"></button>
</form>
</div>
<!-- RD Navbar Nav-->
<ul class="rd-navbar-nav">
<li class="rd-nav-item"><a class="rd-nav-link" href="index.html">Home</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="about-us.html">About us</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="our-team.html">Our Team</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="testimonials.html">Testimonials</a></li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="properties.html">Properties</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-property.html">Single Property</a></li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#">Blog</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="grid-blog.html">Grid Blog</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="sidebar-blog.html">Sidebar Blog</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-blog-post.html">Single Blog Post</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="blog-layouts.html">Blog Layouts</a></li>
</ul>
</li>
<li class="rd-nav-item active"><a class="rd-nav-link" href="#">Pages</a>
<!-- RD Navbar Megamenu-->
<ul class="rd-menu rd-navbar-megamenu">
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="typography.html">Typography</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="buttons.html">Buttons</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="forms.html">Forms</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="progress-bars.html">Progress bars</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tabs.html">Tabs</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tables.html">Tables</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="accordions.html">Accordions</a></li>
</ul>
</li>
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="small-features.html">Small Features</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="large-features.html">Large Features</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="careers.html">Careers</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="search-results.html">Search results</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="single-job.html">Single Job</a></li>
</ul>
</li>
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="404-page.html">404 Page</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="503-page.html">503 Page</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="coming-soon.html">Coming Soon</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="privacy-policy.html">Privacy policy</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="under-construction.html">Under Construction</a></li>
</ul>
</li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="contacts.html">Contacts</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- Breadcrumbs -->
<section class="breadcrumbs-custom bg-image context-dark" style="background-image: url(images/breadcrumbs-image-1.jpg);">
<div class="breadcrumbs-custom-inner">
<div class="container breadcrumbs-custom-container">
<div class="breadcrumbs-custom-main">
<h6 class="breadcrumbs-custom-subtitle title-decorated">Pages</h6>
<h2 class="text-uppercase breadcrumbs-custom-title">Buttons</h2>
</div>
<ul class="breadcrumbs-custom-path">
<li><a href="index.html">Home</a></li>
<li><a href="#">Pages</a></li>
<li class="active">Buttons</li>
</ul>
</div>
</div>
</section>
<!-- Button Sizes-->
<section class="section section-sm section-first">
<div class="container">
<h6>Button Sizes</h6>
<div class="group group-middle">
<div class="button button-lg button-primary button-winona">Large button</div>
<div class="button button-lg button-primary-outline button-winona">Light Large </div>
</div>
<div class="group group-middle">
<div class="button button-primary button-winona">Medium button</div>
<div class="button button-primary-outline button-winona">Light Medium</div>
</div>
<div class="group group-middle">
<div class="button button-sm button-primary button-winona">Small button</div>
<div class="button button-sm button-primary-outline button-winona">Light Small</div>
</div>
</div>
</section>
<!-- Icon buttons-->
<section class="section section-sm">
<div class="container">
<h6>Icon buttons</h6>
<div class="group group-middle">
<div class="button button-icon button-icon-left button-lg button-primary button-winona"><span class="icon mdi mdi-magnify"></span>Search</div>
<div class="button button-icon button-icon-left button-lg button-primary-outline button-winona"><span class="icon mdi mdi-magnify"></span>Search </div>
</div>
<div class="group group-middle">
<div class="button button-icon button-icon-left button-primary button-winona"><span class="icon mdi mdi-magnify"></span>Search</div>
<div class="button button-icon button-icon-left button-primary-outline button-winona"><span class="icon mdi mdi-magnify"></span>Search</div>
</div>
<div class="group group-middle">
<div class="button button-icon button-icon-left button-sm button-primary button-winona"><span class="icon mdi mdi-magnify"></span>Search</div>
<div class="button button-icon button-icon-left button-sm button-primary-outline button-winona"><span class="icon mdi mdi-magnify"></span>Search</div>
</div>
</div>
</section>
<!-- Social buttons-->
<section class="section section-sm section-last">
<div class="container">
<h6>Social buttons</h6>
<div class="group group-xs group-middle"><a class="icon icon-sm icon-creative mdi mdi-facebook" href="#"></a><a class="icon icon-sm icon-creative mdi mdi-twitter" href="#"></a><a class="icon icon-sm icon-creative mdi mdi-instagram" href="#"></a><a class="icon icon-sm icon-creative mdi mdi-google" href="#"></a><a class="icon icon-sm icon-creative mdi mdi-linkedin" href="#"></a></div>
</div>
</section>
<!-- Page Footer-->
<footer class="section footer-advanced bg-gray-700">
<div class="footer-advanced-main">
<div class="container">
<div class="row row-50">
<div class="col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">About Us</h5>
<p class="footer-advanced-text">inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.</p>
</div>
<div class="col-sm-7 col-md-5 col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">Recent Blog Posts</h5>
<!-- Post Inline-->
<article class="post-inline">
<p class="post-inline-title"><a href="single-blog-post.html">Real Estate Guide: 7 Important Tips for Buying a Home</a></p>
<ul class="post-inline-meta">
<li>by Mike Barnes</li>
<li><a href="single-blog-post.html">2 days ago</a></li>
</ul>
</article>
<!-- Post Inline-->
<article class="post-inline">
<p class="post-inline-title"><a href="single-blog-post.html">Single-Family Homes as a Housing Option for Young Families</a></p>
<ul class="post-inline-meta">
<li>by Mike Barnes</li>
<li><a href="single-blog-post.html">2 days ago</a></li>
</ul>
</article>
</div>
<div class="col-sm-5 col-md-7 col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">Gallery</h5>
<div class="row row-x-10" data-lightgallery="group">
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-1.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-1-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-2.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-2-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-3.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-3-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-4.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-4-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-5.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-5-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-6.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-6-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"> </div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-7.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-7-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-8.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-8-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-advanced-aside">
<div class="container">
<div class="footer-advanced-layout">
<div>
<ul class="list-nav">
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About</a></li>
<li><a href="properties.html">Properties</a></li>
<li><a href="grid-blog.html">Blog</a></li>
<li><a href="contacts.html">Contacts</a></li>
</ul>
</div>
<div>
<ul class="foter-social-links list-inline list-inline-md">
<li><a class="icon icon-sm link-default mdi mdi-facebook" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-twitter" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-instagram" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-google" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-linkedin" href="#"></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<hr>
</div>
<div class="footer-advanced-aside">
<div class="container">
<div class="footer-advanced-layout"><a class="brand" href="index.html"><img src="images/logo-light-115x34.png" alt="" width="115" height="34" srcset="images/logo-light-115x34.png 2x"/></a>
<!-- Rights-->
<p class="rights"><span>&copy;&nbsp;</span><span class="copyright-year"></span><span>&nbsp;</span><span>All Rights Reserved.</span><span>&nbsp;</span><br class="d-sm-none"/><a href="#">Terms of Use</a><span> and</span><span>&nbsp;</span><a href="privacy-policy.html">Privacy Policy</a></p>
</div>
</div>
</div>
</footer>
</div>
<div class="preloader">
<div class="preloader-logo"><img src="images/logo-default-151x44.png" alt="" width="151" height="44" srcset="images/logo-default-151x44.png 2x"/>
</div>
<div class="preloader-body">
<div id="loadingProgressG">
<div class="loadingProgressG" id="loadingProgressG_1"></div>
</div>
</div>
</div>
<!-- Global Mailform Output-->
<div class="snackbars" id="form-output-global"></div>
<!-- Javascript-->
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>
template/real_estate_html/site/careers.html
Executable
+365
View File
@@ -0,0 +1,365 @@
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>Careers</title>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width height=device-height initial-scale=1.0 maximum-scale=1.0 user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- Stylesheets-->
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,800%7CPoppins:300,400,700">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css" id="main-styles-link">
<!--[if lt IE 10]>
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div class="page">
<!-- Page Header-->
<header class="section page-header">
<!-- RD Navbar-->
<div class="rd-navbar-wrap">
<nav class="rd-navbar rd-navbar-corporate" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-lg-stick-up="true" data-lg-stick-up-offset="118px" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-xl-stick-up="true" data-xl-stick-up-offset="118px" data-xxl-layout="rd-navbar-static" data-xxl-device-layout="rd-navbar-static" data-xxl-stick-up-offset="118px" data-xxl-stick-up="true">
<div class="rd-navbar-aside-outer">
<div class="rd-navbar-aside">
<!-- RD Navbar Panel-->
<div class="rd-navbar-panel">
<!-- RD Navbar Toggle-->
<button class="rd-navbar-toggle" data-rd-navbar-toggle="#rd-navbar-nav-wrap-1"><span></span></button>
<!-- RD Navbar Brand--><a class="rd-navbar-brand" href="index.html"><img src="images/logo-default-151x44.png" alt="" width="151" height="44" srcset="images/logo-default-151x44.png 2x"/></a>
</div>
<div class="rd-navbar-collapse">
<button class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1" data-rd-navbar-toggle="#rd-navbar-collapse-content-1"><span></span></button>
<div class="rd-navbar-collapse-content" id="rd-navbar-collapse-content-1">
<article class="unit align-items-center">
<div class="unit-left"><span class="icon icon-md icon-modern mdi mdi-phone"></span></div>
<div class="unit-body">
<ul class="list-0">
<li><a class="link-default" href="tel:#">1-800-1234-567</a></li>
<li><a class="link-default" href="tel:#">1-800-8763-765</a></li>
</ul>
</div>
</article>
<article class="unit align-items-center">
<div class="unit-left"><span class="icon icon-md icon-modern mdi mdi-map-marker"></span></div>
<div class="unit-body"><a class="link-default" href="tel:#">2130 Fulton Street <br> San Diego, CA 94117-1080</a></div>
</article><a class="button button-gray-bordered button-winona" href="#">Request a call</a>
</div>
</div>
</div>
</div>
<div class="rd-navbar-main-outer">
<div class="rd-navbar-main">
<div class="rd-navbar-nav-wrap" id="rd-navbar-nav-wrap-1">
<!-- RD Navbar Search-->
<div class="rd-navbar-search" id="rd-navbar-search-1">
<button class="rd-navbar-search-toggle" data-rd-navbar-toggle="#rd-navbar-search-1"><span></span></button>
<form class="rd-search" action="search-results.html" data-search-live="rd-search-results-live-1" method="GET">
<div class="form-wrap">
<label class="form-label" for="rd-navbar-search-form-input-1">Search...</label>
<input class="form-input rd-navbar-search-form-input" id="rd-navbar-search-form-input-1" type="text" name="s" autocomplete="off">
<div class="rd-search-results-live" id="rd-search-results-live-1"></div>
</div>
<button class="rd-search-form-submit fa-search" type="submit"></button>
</form>
</div>
<!-- RD Navbar Nav-->
<ul class="rd-navbar-nav">
<li class="rd-nav-item"><a class="rd-nav-link" href="index.html">Home</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="about-us.html">About us</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="our-team.html">Our Team</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="testimonials.html">Testimonials</a></li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="properties.html">Properties</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-property.html">Single Property</a></li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#">Blog</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="grid-blog.html">Grid Blog</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="sidebar-blog.html">Sidebar Blog</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-blog-post.html">Single Blog Post</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="blog-layouts.html">Blog Layouts</a></li>
</ul>
</li>
<li class="rd-nav-item active"><a class="rd-nav-link" href="#">Pages</a>
<!-- RD Navbar Megamenu-->
<ul class="rd-menu rd-navbar-megamenu">
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="typography.html">Typography</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="buttons.html">Buttons</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="forms.html">Forms</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="progress-bars.html">Progress bars</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tabs.html">Tabs</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tables.html">Tables</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="accordions.html">Accordions</a></li>
</ul>
</li>
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="small-features.html">Small Features</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="large-features.html">Large Features</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="careers.html">Careers</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="search-results.html">Search results</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="single-job.html">Single Job</a></li>
</ul>
</li>
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="404-page.html">404 Page</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="503-page.html">503 Page</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="coming-soon.html">Coming Soon</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="privacy-policy.html">Privacy policy</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="under-construction.html">Under Construction</a></li>
</ul>
</li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="contacts.html">Contacts</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- Breadcrumbs -->
<section class="breadcrumbs-custom bg-image context-dark" style="background-image: url(images/breadcrumbs-image-1.jpg);">
<div class="breadcrumbs-custom-inner">
<div class="container breadcrumbs-custom-container">
<div class="breadcrumbs-custom-main">
<h6 class="breadcrumbs-custom-subtitle title-decorated">Pages</h6>
<h2 class="text-uppercase breadcrumbs-custom-title">Careers</h2>
</div>
<ul class="breadcrumbs-custom-path">
<li><a href="index.html">Home</a></li>
<li><a href="#">Pages</a></li>
<li class="active">Careers</li>
</ul>
</div>
</div>
</section>
<!-- Working at CaseCraft-->
<section class="section section-lg">
<div class="container">
<div class="row row-50 justify-content-center justify-content-lg-between flex-lg-row-reverse">
<div class="col-md-10 col-lg-6 col-xl-5">
<h3>Working at inHouse</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae. Tellus elementum sagittis vitae et leo duis ut diam. Vitae ultricies leo integer malesuada nunc vel risus.</p><a class="button button-lg button-primary button-winona" href="about-us.html">Learn more</a>
</div>
<div class="col-md-10 col-lg-6 col-xl-6"><img class="img-responsive" src="images/careers-1-570x368.jpg" alt="" width="570" height="368"/>
</div>
</div>
</div>
</section>
<!-- Available Vacancies-->
<section class="section section-lg bg-gray-100 text-center">
<div class="container">
<h3>Available Vacancies</h3>
<div class="row row-45">
<div class="col-md-6 col-lg-4">
<!-- Career Classic-->
<article class="career-classic">
<h4 class="career-classic-title"><a class="post-modern-title" href="single-job.html">Residential Broker</a></h4>
<div class="career-classic-divider"></div>
<ul class="career-classic-list">
<li><span class="icon mdi mdi-calendar-clock"></span><span>Full Time</span></li>
<li><span class="icon mdi mdi-map-marker"></span><span>San Diego</span></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</article>
</div>
<div class="col-md-6 col-lg-4">
<!-- Career Classic-->
<article class="career-classic">
<h4 class="career-classic-title"><a class="post-modern-title" href="single-job.html">Residential Appraiser</a></h4>
<div class="career-classic-divider"></div>
<ul class="career-classic-list">
<li><span class="icon mdi mdi-calendar-clock"></span><span>Full Time</span></li>
<li><span class="icon mdi mdi-map-marker"></span><span>San Diego</span></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</article>
</div>
<div class="col-md-6 col-lg-4">
<!-- Career Classic-->
<article class="career-classic">
<h4 class="career-classic-title"><a class="post-modern-title" href="single-job.html">Real Estate Agent</a></h4>
<div class="career-classic-divider"></div>
<ul class="career-classic-list">
<li><span class="icon mdi mdi-calendar-clock"></span><span>Full Time</span></li>
<li><span class="icon mdi mdi-map-marker"></span><span>San Diego</span></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</article>
</div>
<div class="col-md-6 col-lg-4">
<!-- Career Classic-->
<article class="career-classic">
<h4 class="career-classic-title"><a class="post-modern-title" href="single-job.html">Property Manager</a></h4>
<div class="career-classic-divider"></div>
<ul class="career-classic-list">
<li><span class="icon mdi mdi-calendar-clock"></span><span>Full Time</span></li>
<li><span class="icon mdi mdi-map-marker"></span><span>San Diego</span></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</article>
</div>
<div class="col-md-6 col-lg-4">
<!-- Career Classic-->
<article class="career-classic">
<h4 class="career-classic-title"><a class="post-modern-title" href="single-job.html">Leasing Consultant</a></h4>
<div class="career-classic-divider"></div>
<ul class="career-classic-list">
<li><span class="icon mdi mdi-calendar-clock"></span><span>Full Time</span></li>
<li><span class="icon mdi mdi-map-marker"></span><span>San Diego</span></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</article>
</div>
<div class="col-md-6 col-lg-4">
<!-- Career Classic-->
<article class="career-classic">
<h4 class="career-classic-title"><a class="post-modern-title" href="single-job.html">Commercial Broker</a></h4>
<div class="career-classic-divider"></div>
<ul class="career-classic-list">
<li><span class="icon mdi mdi-calendar-clock"></span><span>Full Time</span></li>
<li><span class="icon mdi mdi-map-marker"></span><span>San Diego</span></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</article>
</div>
</div><a class="button button-lg button-primary button-winona" href="#">Join Us</a>
</div>
</section>
<!-- Thin CTA-->
<section class="section section-xs bg-primary-darker text-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-12">
<div class="box-cta-thin">
<h4 class="wow-outer"><span class="wow slideInRight">Learn the Cost of your <span class="font-weight-bold">Next Property</span> Right Now!</span></h4>
<div class="wow-outer button-outer"><a class="button button-primary button-winona wow slideInLeft" href="#">View all pricing</a></div>
</div>
</div>
</div>
</div>
</section>
<!-- Page Footer-->
<footer class="section footer-advanced bg-gray-700">
<div class="footer-advanced-main">
<div class="container">
<div class="row row-50">
<div class="col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">About Us</h5>
<p class="footer-advanced-text">inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.</p>
</div>
<div class="col-sm-7 col-md-5 col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">Recent Blog Posts</h5>
<!-- Post Inline-->
<article class="post-inline">
<p class="post-inline-title"><a href="single-blog-post.html">Real Estate Guide: 7 Important Tips for Buying a Home</a></p>
<ul class="post-inline-meta">
<li>by Mike Barnes</li>
<li><a href="single-blog-post.html">2 days ago</a></li>
</ul>
</article>
<!-- Post Inline-->
<article class="post-inline">
<p class="post-inline-title"><a href="single-blog-post.html">Single-Family Homes as a Housing Option for Young Families</a></p>
<ul class="post-inline-meta">
<li>by Mike Barnes</li>
<li><a href="single-blog-post.html">2 days ago</a></li>
</ul>
</article>
</div>
<div class="col-sm-5 col-md-7 col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">Gallery</h5>
<div class="row row-x-10" data-lightgallery="group">
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-1.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-1-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-2.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-2-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-3.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-3-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-4.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-4-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-5.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-5-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-6.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-6-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"> </div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-7.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-7-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-8.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-8-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-advanced-aside">
<div class="container">
<div class="footer-advanced-layout">
<div>
<ul class="list-nav">
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About</a></li>
<li><a href="properties.html">Properties</a></li>
<li><a href="grid-blog.html">Blog</a></li>
<li><a href="contacts.html">Contacts</a></li>
</ul>
</div>
<div>
<ul class="foter-social-links list-inline list-inline-md">
<li><a class="icon icon-sm link-default mdi mdi-facebook" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-twitter" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-instagram" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-google" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-linkedin" href="#"></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<hr>
</div>
<div class="footer-advanced-aside">
<div class="container">
<div class="footer-advanced-layout"><a class="brand" href="index.html"><img src="images/logo-light-115x34.png" alt="" width="115" height="34" srcset="images/logo-light-115x34.png 2x"/></a>
<!-- Rights-->
<p class="rights"><span>&copy;&nbsp;</span><span class="copyright-year"></span><span>&nbsp;</span><span>All Rights Reserved.</span><span>&nbsp;</span><br class="d-sm-none"/><a href="#">Terms of Use</a><span> and</span><span>&nbsp;</span><a href="privacy-policy.html">Privacy Policy</a></p>
</div>
</div>
</div>
</footer>
</div>
<div class="preloader">
<div class="preloader-logo"><img src="images/logo-default-151x44.png" alt="" width="151" height="44" srcset="images/logo-default-151x44.png 2x"/>
</div>
<div class="preloader-body">
<div id="loadingProgressG">
<div class="loadingProgressG" id="loadingProgressG_1"></div>
</div>
</div>
</div>
<!-- Global Mailform Output-->
<div class="snackbars" id="form-output-global"></div>
<!-- Javascript-->
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>
template/real_estate_html/site/coming-soon.html
Executable
+78
View File
@@ -0,0 +1,78 @@
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>Coming Soon</title>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width height=device-height initial-scale=1.0 maximum-scale=1.0 user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- Stylesheets-->
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,800%7CPoppins:300,400,700">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css" id="main-styles-link">
<!--[if lt IE 10]>
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div class="page">
<!-- Page content-->
<section class="section section-single bg-gray-800" style="background-image: url(images/bg-image-5.jpg);">
<div class="section-single-inner">
<div class="section-single-dummy"></div>
<div class="section-single-main">
<div class="container">
<div class="row row-30 justify-content-center justify-content-sm-start">
<div class="col-sm-10 col-md-9 col-lg-7 col-xl-6">
<h6 class="title-decorated title-decorated-lg">We're getting ready to launch in</h6>
<!-- TimeCircles-->
<div class="countdown-wrap">
<div class="DateCountdown" data-type="until" data-date="2019-12-31 00:00:00" data-format="wdhms" data-color="#4854ed" data-bg="rgba(245, 245, 245, 1)" data-width="0.02"></div>
</div>
<p>Our website is under construction, we are working very hard to give you the best experience on our new web site.</p>
<div class="rd-mailform-wrap">
<!-- RD Mailform-->
<form class="rd-form rd-mailform form-inline" data-form-output="form-output-global" data-form-type="subscribe" method="post" action="bat/rd-mailform.php">
<div class="form-wrap">
<input class="form-input" id="subscribe-form-1-email" type="email" name="email" data-constraints="@Email @Required">
<label class="form-label" for="subscribe-form-1-email">Your e-mail</label>
</div>
<div class="form-button">
<button class="button button-primary button-winona" type="submit">Subscribe</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="footer-minimal section-single-footer">
<div class="container">
<div class="footer-minimal-inner"><a class="brand" href="index.html"><img src="images/logo-inverse-151x44.png" alt="" width="151" height="44" srcset="images/logo-inverse-151x44.png 2x"/></a>
<!-- Rights-->
<p class="rights"><span>&copy;&nbsp;</span><span class="copyright-year"></span><span>&nbsp;</span><span>All Rights Reserved.</span><span>&nbsp;</span><br class="d-sm-none"/><a href="#">Terms of Use</a><span> and</span><span>&nbsp;</span><a href="privacy-policy.html">Privacy Policy</a></p>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="preloader">
<div class="preloader-logo"><img src="images/logo-default-151x44.png" alt="" width="151" height="44" srcset="images/logo-default-151x44.png 2x"/>
</div>
<div class="preloader-body">
<div id="loadingProgressG">
<div class="loadingProgressG" id="loadingProgressG_1"></div>
</div>
</div>
</div>
<!-- Global Mailform Output-->
<div class="snackbars" id="form-output-global"></div>
<!-- Javascript-->
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>
template/real_estate_html/site/contacts.html
Executable
+348
View File
@@ -0,0 +1,348 @@
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>Contacts</title>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width height=device-height initial-scale=1.0 maximum-scale=1.0 user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- Stylesheets-->
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,800%7CPoppins:300,400,700">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css" id="main-styles-link">
<!--[if lt IE 10]>
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div class="page">
<!-- Page Header-->
<header class="section page-header">
<!-- RD Navbar-->
<div class="rd-navbar-wrap">
<nav class="rd-navbar rd-navbar-corporate" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-lg-stick-up="true" data-lg-stick-up-offset="118px" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-xl-stick-up="true" data-xl-stick-up-offset="118px" data-xxl-layout="rd-navbar-static" data-xxl-device-layout="rd-navbar-static" data-xxl-stick-up-offset="118px" data-xxl-stick-up="true">
<div class="rd-navbar-aside-outer">
<div class="rd-navbar-aside">
<!-- RD Navbar Panel-->
<div class="rd-navbar-panel">
<!-- RD Navbar Toggle-->
<button class="rd-navbar-toggle" data-rd-navbar-toggle="#rd-navbar-nav-wrap-1"><span></span></button>
<!-- RD Navbar Brand--><a class="rd-navbar-brand" href="index.html"><img src="images/logo-default-151x44.png" alt="" width="151" height="44" srcset="images/logo-default-151x44.png 2x"/></a>
</div>
<div class="rd-navbar-collapse">
<button class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1" data-rd-navbar-toggle="#rd-navbar-collapse-content-1"><span></span></button>
<div class="rd-navbar-collapse-content" id="rd-navbar-collapse-content-1">
<article class="unit align-items-center">
<div class="unit-left"><span class="icon icon-md icon-modern mdi mdi-phone"></span></div>
<div class="unit-body">
<ul class="list-0">
<li><a class="link-default" href="tel:#">1-800-1234-567</a></li>
<li><a class="link-default" href="tel:#">1-800-8763-765</a></li>
</ul>
</div>
</article>
<article class="unit align-items-center">
<div class="unit-left"><span class="icon icon-md icon-modern mdi mdi-map-marker"></span></div>
<div class="unit-body"><a class="link-default" href="tel:#">2130 Fulton Street <br> San Diego, CA 94117-1080</a></div>
</article><a class="button button-gray-bordered button-winona" href="#">Request a call</a>
</div>
</div>
</div>
</div>
<div class="rd-navbar-main-outer">
<div class="rd-navbar-main">
<div class="rd-navbar-nav-wrap" id="rd-navbar-nav-wrap-1">
<!-- RD Navbar Search-->
<div class="rd-navbar-search" id="rd-navbar-search-1">
<button class="rd-navbar-search-toggle" data-rd-navbar-toggle="#rd-navbar-search-1"><span></span></button>
<form class="rd-search" action="search-results.html" data-search-live="rd-search-results-live-1" method="GET">
<div class="form-wrap">
<label class="form-label" for="rd-navbar-search-form-input-1">Search...</label>
<input class="form-input rd-navbar-search-form-input" id="rd-navbar-search-form-input-1" type="text" name="s" autocomplete="off">
<div class="rd-search-results-live" id="rd-search-results-live-1"></div>
</div>
<button class="rd-search-form-submit fa-search" type="submit"></button>
</form>
</div>
<!-- RD Navbar Nav-->
<ul class="rd-navbar-nav">
<li class="rd-nav-item"><a class="rd-nav-link" href="index.html">Home</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="about-us.html">About us</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="our-team.html">Our Team</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="testimonials.html">Testimonials</a></li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="properties.html">Properties</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-property.html">Single Property</a></li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#">Blog</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="grid-blog.html">Grid Blog</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="sidebar-blog.html">Sidebar Blog</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-blog-post.html">Single Blog Post</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="blog-layouts.html">Blog Layouts</a></li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#">Pages</a>
<!-- RD Navbar Megamenu-->
<ul class="rd-menu rd-navbar-megamenu">
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="typography.html">Typography</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="buttons.html">Buttons</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="forms.html">Forms</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="progress-bars.html">Progress bars</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tabs.html">Tabs</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tables.html">Tables</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="accordions.html">Accordions</a></li>
</ul>
</li>
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="small-features.html">Small Features</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="large-features.html">Large Features</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="careers.html">Careers</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="search-results.html">Search results</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="single-job.html">Single Job</a></li>
</ul>
</li>
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="404-page.html">404 Page</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="503-page.html">503 Page</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="coming-soon.html">Coming Soon</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="privacy-policy.html">Privacy policy</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="under-construction.html">Under Construction</a></li>
</ul>
</li>
</ul>
</li>
<li class="rd-nav-item active"><a class="rd-nav-link" href="contacts.html">Contacts</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- Breadcrumbs -->
<section class="breadcrumbs-custom bg-image context-dark" style="background-image: url(images/breadcrumbs-image-1.jpg);">
<div class="breadcrumbs-custom-inner">
<div class="container breadcrumbs-custom-container">
<div class="breadcrumbs-custom-main">
<h6 class="breadcrumbs-custom-subtitle title-decorated">Contacts</h6>
<h2 class="text-uppercase breadcrumbs-custom-title">Contacts</h2>
</div>
<ul class="breadcrumbs-custom-path">
<li><a href="index.html">Home</a></li>
<li class="active">Contacts</li>
</ul>
</div>
</div>
</section>
<section class="section section-sm">
<div class="container">
<div class="layout-bordered">
<div class="layout-bordered-item wow-outer">
<div class="layout-bordered-item-inner wow slideInUp">
<div class="icon icon-lg mdi mdi-phone text-primary"></div>
<ul class="list-0">
<li><a class="link-default" href="tel:#">1-800-1234-678</a></li>
<li><a class="link-default" href="tel:#">1-800-9876-098</a></li>
</ul>
</div>
</div>
<div class="layout-bordered-item wow-outer">
<div class="layout-bordered-item-inner wow slideInUp">
<div class="icon icon-lg mdi mdi-email text-primary"></div><a class="link-default" href="mailto:#">info@demolink.org</a>
</div>
</div>
<div class="layout-bordered-item wow-outer">
<div class="layout-bordered-item-inner wow slideInUp">
<div class="icon icon-lg mdi mdi-map-marker text-primary"></div><a class="link-default" href="#">2130 Fulton Street San Diego, CA 94117-1080 USA</a>
</div>
</div>
</div>
</div>
</section>
<section class="section bg-gray-100">
<div class="range justify-content-xl-between">
<div class="cell-xl-6 align-self-center container">
<div class="row">
<div class="col-lg-9 cell-inner">
<div class="section-lg">
<h3 class="text-uppercase wow-outer"><span class="wow slideInDown">Contact Us</span></h3>
<!-- RD Mailform-->
<form class="rd-form rd-mailform" data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php">
<div class="row row-10">
<div class="col-md-6 wow-outer">
<div class="form-wrap wow fadeSlideInUp">
<label class="form-label-outside" for="contact-first-name">First Name</label>
<input class="form-input" id="contact-first-name" type="text" name="name" data-constraints="@Required">
</div>
</div>
<div class="col-md-6 wow-outer">
<div class="form-wrap wow fadeSlideInUp">
<label class="form-label-outside" for="contact-last-name">Last Name</label>
<input class="form-input" id="contact-last-name" type="text" name="name" data-constraints="@Required">
</div>
</div>
<div class="col-md-6 wow-outer">
<div class="form-wrap wow fadeSlideInUp">
<label class="form-label-outside" for="contact-email">E-mail</label>
<input class="form-input" id="contact-email" type="email" name="email" data-constraints="@Email @Required">
</div>
</div>
<div class="col-md-6 wow-outer">
<div class="form-wrap wow fadeSlideInUp">
<label class="form-label-outside" for="contact-phone">Phone</label>
<input class="form-input" id="contact-phone" type="text" name="phone" data-constraints="@PhoneNumber">
</div>
</div>
<div class="col-12 wow-outer">
<div class="form-wrap wow fadeSlideInUp">
<label class="form-label-outside" for="contact-message">Your Message</label>
<textarea class="form-input" id="contact-message" name="message" data-constraints="@Required"></textarea>
</div>
</div>
</div>
<div class="group group-middle">
<div class="wow-outer">
<button class="button button-primary button-winona wow slideInRight" type="submit">Send Message</button>
</div>
<p>or use</p>
<div class="wow-outer"><a class="button button-primary-outline button-icon button-icon-left button-winona wow slideInLeft" href="#"><span class="icon text-primary mdi mdi-facebook-messenger"></span>Messenger</a></div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="cell-xl-5 height-fill wow fadeIn">
<section class="section">
<div class="google-map-container" data-center="9870 St Vincent Place, Glasgow, DC 45 Fr 45." data-styles="[{&quot;featureType&quot;:&quot;water&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#e9e9e9&quot;},{&quot;lightness&quot;:17}]},{&quot;featureType&quot;:&quot;landscape&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#f5f5f5&quot;},{&quot;lightness&quot;:20}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;},{&quot;lightness&quot;:17}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;},{&quot;lightness&quot;:29},{&quot;weight&quot;:0.2}]},{&quot;featureType&quot;:&quot;road.arterial&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;},{&quot;lightness&quot;:18}]},{&quot;featureType&quot;:&quot;road.local&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;},{&quot;lightness&quot;:16}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#f5f5f5&quot;},{&quot;lightness&quot;:21}]},{&quot;featureType&quot;:&quot;poi.park&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#dedede&quot;},{&quot;lightness&quot;:21}]},{&quot;elementType&quot;:&quot;labels.text.stroke&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;},{&quot;color&quot;:&quot;#ffffff&quot;},{&quot;lightness&quot;:16}]},{&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:36},{&quot;color&quot;:&quot;#333333&quot;},{&quot;lightness&quot;:40}]},{&quot;elementType&quot;:&quot;labels.icon&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;transit&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#f2f2f2&quot;},{&quot;lightness&quot;:19}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#fefefe&quot;},{&quot;lightness&quot;:20}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#fefefe&quot;},{&quot;lightness&quot;:17},{&quot;weight&quot;:1.2}]}]">
<div class="google-map"></div>
<ul class="google-map-markers">
<li data-location="9870 St Vincent Place, Glasgow, DC 45 Fr 45." data-description="9870 St Vincent Place, Glasgow" data-icon="images/gmap_marker.png" data-icon-active="images/gmap_marker.png"></li>
</ul>
</div>
</section>
</div>
</div>
</section>
<!-- Page Footer-->
<footer class="section footer-advanced bg-gray-700">
<div class="footer-advanced-main">
<div class="container">
<div class="row row-50">
<div class="col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">About Us</h5>
<p class="footer-advanced-text">inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.</p>
</div>
<div class="col-sm-7 col-md-5 col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">Recent Blog Posts</h5>
<!-- Post Inline-->
<article class="post-inline">
<p class="post-inline-title"><a href="single-blog-post.html">Real Estate Guide: 7 Important Tips for Buying a Home</a></p>
<ul class="post-inline-meta">
<li>by Mike Barnes</li>
<li><a href="single-blog-post.html">2 days ago</a></li>
</ul>
</article>
<!-- Post Inline-->
<article class="post-inline">
<p class="post-inline-title"><a href="single-blog-post.html">Single-Family Homes as a Housing Option for Young Families</a></p>
<ul class="post-inline-meta">
<li>by Mike Barnes</li>
<li><a href="single-blog-post.html">2 days ago</a></li>
</ul>
</article>
</div>
<div class="col-sm-5 col-md-7 col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">Gallery</h5>
<div class="row row-x-10" data-lightgallery="group">
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-1.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-1-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-2.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-2-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-3.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-3-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-4.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-4-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-5.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-5-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-6.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-6-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"> </div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-7.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-7-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-8.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-8-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-advanced-aside">
<div class="container">
<div class="footer-advanced-layout">
<div>
<ul class="list-nav">
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About</a></li>
<li><a href="properties.html">Properties</a></li>
<li><a href="grid-blog.html">Blog</a></li>
<li><a href="contacts.html">Contacts</a></li>
</ul>
</div>
<div>
<ul class="foter-social-links list-inline list-inline-md">
<li><a class="icon icon-sm link-default mdi mdi-facebook" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-twitter" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-instagram" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-google" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-linkedin" href="#"></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<hr>
</div>
<div class="footer-advanced-aside">
<div class="container">
<div class="footer-advanced-layout"><a class="brand" href="index.html"><img src="images/logo-light-115x34.png" alt="" width="115" height="34" srcset="images/logo-light-115x34.png 2x"/></a>
<!-- Rights-->
<p class="rights"><span>&copy;&nbsp;</span><span class="copyright-year"></span><span>&nbsp;</span><span>All Rights Reserved.</span><span>&nbsp;</span><br class="d-sm-none"/><a href="#">Terms of Use</a><span> and</span><span>&nbsp;</span><a href="privacy-policy.html">Privacy Policy</a></p>
</div>
</div>
</div>
</footer>
</div>
<div class="preloader">
<div class="preloader-logo"><img src="images/logo-default-151x44.png" alt="" width="151" height="44" srcset="images/logo-default-151x44.png 2x"/>
</div>
<div class="preloader-body">
<div id="loadingProgressG">
<div class="loadingProgressG" id="loadingProgressG_1"></div>
</div>
</div>
</div>
<!-- Global Mailform Output-->
<div class="snackbars" id="form-output-global"></div>
<!-- Javascript-->
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>
template/real_estate_html/site/css/bootstrap.css
Vendored Executable
+6
View File
@@ -0,0 +1,6 @@
/*!
* Bootstrap v4.0.0 (https://getbootstrap.com)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1600px; --font-family-sans-serif: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; color: #74757f; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: inherit; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #0045b6; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #00286a; text-decoration: underline; } a:not([href]):not([tabindex]) { text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: .5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: "Poppins", sans-serif; font-weight: 400; line-height: 1.1; color: #151515; } h1,Line truncated
template/real_estate_html/site/css/fonts.css
Executable
+18
View File
@@ -0,0 +1,18 @@
/*
*
* Fonts
*/␍/*
*
* Font Awesome Icons 4.7.0
* --------------------------------------------------
*/␍@font-face {␍ font-family: 'FontAwesome';␍ src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");␍ src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");␍ font-weight: normal;␍ font-style: normal;␍}␍␍.fa {␍ display: inline-block;␍ font-family: 'FontAwesome';␍ font-size: inherit;␍ text-rendering: auto;␍ -webkit-font-smoothing: antialiased;␍ -moz-osx-font-smoothing: grayscale;␍}␍␍[class*='fa-']:before {␍ font-weight: 400;␍ font-family: 'FontAwesome';␍}␍␍/* makes the font 33% larger relative to the icon container */␍.fa-lg {␍ font-size: 1.33333333em;␍ line-height: 0.75em;␍ vertical-align: -15%;␍}␍␍.fa-2x {␍ font-size: 2em;␍}␍␍.fa-3x {␍ font-size: 3em;␍}␍␍.fa-4x {␍ font-size: 4em;␍}␍␍.fa-5x {␍ font-size: 5em;␍}␍␍.fa-fw {␍ width: 1.28571429em;␍ text-align: center;␍}␍␍.fa-ul {␍ padding-left: 0;␍ margin-left: 2.14285714em;␍ list-style-type: none;␍}␍␍.fa-ul > li {␍ position: relative;␍}␍␍.fa-li {␍ position: absolute;␍ left: -2.14285714em;␍ width: 2.14285714em;␍ top: 0.14285714em;␍ text-align: center;␍}␍␍.fa-li.fa-lg {␍ left: -1.85714286em;␍}␍␍.fa-border {␍ padding: .2em .25em .15em;␍ border: solid 0.08em #eeeeee;␍ border-radius: .1em;␍}␍␍.fa-pull-left {␍ float: left;␍}␍␍.fa-pull-right {␍ float: right;␍}␍␍.fa.fa-pull-left {␍ margin-right: .3em;␍}␍␍.fa.fa-pull-right {␍ margin-left: .3em;␍}␍␍/* Deprecated as of 4.4.0 */␍.pull-right {␍ float: right;␍}␍␍.pull-left {␍ float: left;␍}␍␍.fa.pull-left {␍ margin-right: .3em;␍}␍␍.fa.pull-right {␍ margin-left: .3em;␍}␍␍.fa-spin {␍ -webkit-animation: fa-spin 2s infinite linear;␍ animation: fa-spin 2s infinite linear;␍}␍␍.fa-pulse {␍ -webkit-animation: fa-spin 1s infinite steps(8);␍ animation: fa-spin 1s infinite steps(8);␍}␍␍@-webkit-keyframes fa-spin {␍ 0% {␍ -webkit-transform: rotate(0deg);␍ transform: rotate(0deg);␍ }␍ 100% {␍ -webkit-transform: rotate(359deg);␍ transform: rotate(359deg);␍ }␍}␍␍@keyframes fa-spin {␍ 0% {␍ -webkit-transform: rotate(0deg);␍ transform: rotate(0deg);␍ }␍ 100% {␍ -webkit-transform: rotate(359deg);␍ transform: rotate(359deg);␍ }␍}␍␍.fa-rotate-90 {␍ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";␍ -webkit-transform: rotate(90deg);␍ -ms-transform: rotate(90deg);␍ transform: rotate(90deg);␍}␍␍.fa-rotate-180 {␍ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";␍ -webkit-transform: rotate(180deg);␍ -ms-transform: rotate(180deg);␍ transform: rotate(180deg);␍}␍␍.fa-rotate-270 {␍ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";␍ -webkit-transform: rotate(270deg);␍ -ms-transform: rotate(270deg);␍ transform: rotate(270deg);␍}␍␍.fa-flip-horizontal {␍ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";␍ -webkit-transform: scale(-1, 1);␍ -ms-transform: scale(-1, 1);␍ transform: scale(-1, 1);␍}␍␍.fa-flip-vertical {␍ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";␍ -webkit-transform: scale(1, -1);␍ -ms-transform: scale(1, -1);␍ transform: scale(1, -1);␍}␍␍:root .fa-rotate-90,␍:root .fa-rotate-180,␍:root .fa-rotate-270,␍:root .fa-flip-horizontal,␍:root .fa-flip-vertical {␍ filter: none;␍}␍␍.fa-stack {␍ position: relative;␍ display: inline-block;␍ width: 2em;␍ height: 2em;␍ line-height: 2em;␍ vertical-align: middle;␍}␍␍.fa-stack-1x,␍.fa-stack-2x {␍ position: absolute;␍ left: 0;␍ width: 100%;␍ text-align: center;␍}␍␍.fa-stack-1x {␍ line-height: inherit;␍}␍␍.fa-stack-2x {␍ font-size: 2em;␍}␍␍.fa-inverse {␍ color: #ffffff;␍}␍␍/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:Line truncated
*
* Material Design Icons
* --------------------------------------------------
*/ @font-face { font-family: "Material Design Icons"; src: url("../fonts/materialdesignicons-webfont.eot?v=1.4.57"); src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=1.4.57") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff2?v=1.4.57") format("woff2"), url("../fonts/materialdesignicons-webfont.woff?v=1.4.57") format("woff"), url("../fonts/materialdesignicons-webfont.ttf?v=1.4.57") format("truetype"), url("../fonts/materialdesignicons-webfont.svg?v=1.4.57#materialdesigniconsregular") format("svg"); font-weight: normal; font-style: normal; } .mdi { display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .mdi-access-point:before { content: "\f101"; } .mdi-access-point-network:before { content: "\f102"; } .mdi-account:before { content: "\f103"; } .mdi-account-alert:before { content: "\f104"; } .mdi-account-box:before { content: "\f105"; } .mdi-account-box-outline:before { content: "\f106"; } .mdi-account-check:before { content: "\f107"; } .mdi-account-circle:before { content: "\f108"; } .mdi-account-convert:before { content: "\f109"; } .mdi-account-key:before { content: "\f10a"; } .mdi-account-location:before { content: "\f10b"; } .mdi-account-minus:before { content: "\f10c"; } .mdi-account-multiple:before { content: "\f10d"; } .mdi-account-multiple-outline:before { content: "\f10e"; } .mdi-account-multiple-plus:before { content: "\f10f"; } .mdi-account-network:before { content: "\f110"; } .mdi-account-off:before { content: "\f111"; } .mdi-account-outline:before { content: "\f112"; } .mdi-account-plus:before { content: "\f113"; } .mdi-account-remove:before { content: "\f114"; } .mdi-account-search:before { content: "\f115"; } .mdi-account-star:before { content: "\f116"; } .mdi-account-star-variant:before { content: "\f117"; } .mdi-account-switch:before { content: "\f118"; } .mdi-adjust:before { content: "\f119"; } .mdi-air-conditioner:before { content: "\f11a"; } .mdi-airballoon:before { content: "\f11b"; } .mdi-airplane:before { content: "\f11c"; } .mdi-airplane-off:before { content: "\f11d"; } .mdi-airplay:before { content: "\f11e"; } .mdi-alarm:before { content: "\f11f"; } .mdi-alarm-check:before { content: "\f120"; } .mdi-alarm-multiple:before { content: "\f121"; } .mdi-alarm-off:before { content: "\f122"; } .mdi-alarm-plus:before { content: "\f123"; } .mdi-album:before { content: "\f124"; } .mdi-alert:before { content: "\f125"; } .mdi-alert-box:before { content: "\f126"; } .mdi-alert-circle:before { content: "\f127"; } .mdi-alert-octagon:before { content: "\f128"; } .mdi-alert-outline:before { content: "\f129"; } .mdi-alpha:before { content: "\f12a"; } .mdi-alphabetical:before { content: "\f12b"; } .mdi-amazon:before { content: "\f12c"; } .mdi-amazon-clouddrive:before { content: "\f12d"; } .mdi-ambulance:before { content: "\f12e"; } .mdi-anchor:before { content: "\f12f"; } .mdi-android:before { content: "\f130"; } .mdi-android-debug-bridge:before { content: "\f131"; } .mdi-android-studio:before { content: "\f132"; } .mdi-apple:before { content: "\f133"; } .mdi-apple-finder:before { content: "\f134"; } .mdi-apple-ios:before { content: "\f135"; } .mdi-apple-mobileme:before { content: "\f136"; } .mdi-apple-safari:before { content: "\f137"; } .mdi-appnet:before { content: "\f138"; } .mdi-apps:before { content: "\f139"; } .mdi-archive:before { content: "\f13a"; } .mdi-arrange-bring-forward:before { content: "\f13b"; } .mdi-arrange-bring-to-front:before { content: "\f13c"; } .mdi-arrange-send-backward:before { content: "\f13d"; } .mdi-arrange-send-to-back:before { content: "\f13e"; } .mdi-arrow-all:before { content: "\f13f"; } .mdi-arrow-bottom-drop-circle:before { content: "\f140"; } .mdi-arrow-bottom-left:before { content: "\f141"; } .mdi-arrow-bottom-right:before { content: "\f142"; } .mdi-arrow-collapse:before { content: "\f143"; } .mdi-arrow-down:before { content: "\f144"; } .mdi-arrow-down-bold:before { content: "\f145"; } .mdi-arrow-down-bold-circle:before { content: "\f146"; } .mdi-arrow-down-bold-circle-outline:before { content: "\f147"; } .mdi-arrow-down-bold-hexagon-outline:before { content: "\f148"; } .mdi-arrow-expand:before { content: "\f149"; } .mdi-arrow-left:before { content: "\f14a"; } .mdi-arrow-left-bold:before { content: "\f14b"; } .mdi-arrow-left-bold-circle:before { content: "\f14c"; } .mdi-arrow-left-bold-circle-outline:before { content: "\f14d"; } .mdi-arrow-left-bold-hexagon-outline:before { content: "\f14e"; } .mdi-arrow-right:before { content: "\f14f"; } .mdi-arrow-right-bold:before { content: "\f150"; } .mdi-arrow-right-bold-circle:before { content: "\f151"; } .mdi-arrow-right-bold-circle-outline:before {Line truncated
* Title: Bigmug Line Flaticon Pack
* Author: Catalin Fertu
* Source: http://www.flaticon.com/packs/bigmug-line
* License: CC BY 3.0 (http://creativecommons.org/licenses/by/3.0/)
*/ @font-face { font-family: "fl-bigmug-line"; src: url("../fonts/fl-bigmug-line.eot"); src: url("../fonts/fl-bigmug-line.eot#iefix") format("embedded-opentype"), url("../fonts/fl-bigmug-line.woff") format("woff"), url("../fonts/fl-bigmug-line.ttf") format("truetype"), url("../fonts/fl-bigmug-line.svg") format("svg"); font-weight: normal; font-style: normal; } .fl-bigmug-line-ico, [class^="fl-bigmug-line-"]:before, [class*=" fl-bigmug-line-"]:before, [class^="fl-bigmug-line-"]:after, [class*=" fl-bigmug-line-"]:after { font-family: 'fl-bigmug-line'; font-size: inherit; font-weight: 400; font-style: normal; } .fl-bigmug-line-add137:before { content: "\e000"; } .fl-bigmug-line-add139:before { content: "\e001"; } .fl-bigmug-line-add149:before { content: "\e002"; } .fl-bigmug-line-airplane86:before { content: "\e003"; } .fl-bigmug-line-alarm31:before { content: "\e004"; } .fl-bigmug-line-arrow592:before { content: "\e005"; } .fl-bigmug-line-attach8:before { content: "\e006"; } .fl-bigmug-line-attachment15:before { content: "\e007"; } .fl-bigmug-line-audio46:before { content: "\e008"; } .fl-bigmug-line-back44:before { content: "\e009"; } .fl-bigmug-line-back46:before { content: "\e00a"; } .fl-bigmug-line-big104:before { content: "\e00b"; } .fl-bigmug-line-book188:before { content: "\e00c"; } .fl-bigmug-line-bookmark28:before { content: "\e00d"; } .fl-bigmug-line-bottle34:before { content: "\e00e"; } .fl-bigmug-line-button5:before { content: "\e00f"; } .fl-bigmug-line-buttons5:before { content: "\e010"; } .fl-bigmug-line-cellphone55:before { content: "\e011"; } .fl-bigmug-line-cellular9:before { content: "\e012"; } .fl-bigmug-line-center10:before { content: "\e013"; } .fl-bigmug-line-chat51:before { content: "\e014"; } .fl-bigmug-line-chat55:before { content: "\e015"; } .fl-bigmug-line-checkmark14:before { content: "\e016"; } .fl-bigmug-line-checkmark15:before { content: "\e017"; } .fl-bigmug-line-checkmark16:before { content: "\e018"; } .fl-bigmug-line-circular220:before { content: "\e019"; } .fl-bigmug-line-circular224:before { content: "\e01a"; } .fl-bigmug-line-circular228:before { content: "\e01b"; } .fl-bigmug-line-circular229:before { content: "\e01c"; } .fl-bigmug-line-clipboard68:before { content: "\e01d"; } .fl-bigmug-line-close42:before { content: "\e01e"; } .fl-bigmug-line-cloud255:before { content: "\e01f"; } .fl-bigmug-line-cloud260:before { content: "\e020"; } .fl-bigmug-line-cocktail26:before { content: "\e021"; } .fl-bigmug-line-code30:before { content: "\e022"; } .fl-bigmug-line-collapse5:before { content: "\e023"; } .fl-bigmug-line-comment45:before { content: "\e024"; } .fl-bigmug-line-compass80:before { content: "\e025"; } .fl-bigmug-line-contract5:before { content: "\e026"; } .fl-bigmug-line-copy23:before { content: "\e027"; } .fl-bigmug-line-crescent23:before { content: "\e028"; } .fl-bigmug-line-cropping1:before { content: "\e029"; } .fl-bigmug-line-cross81:before { content: "\e02a"; } .fl-bigmug-line-cross83:before { content: "\e02b"; } .fl-bigmug-line-cube29:before { content: "\e02c"; } .fl-bigmug-line-double97:before { content: "\e02d"; } .fl-bigmug-line-double98:before { content: "\e02e"; } .fl-bigmug-line-double99:before { content: "\e02f"; } .fl-bigmug-line-down55:before { content: "\e030"; } .fl-bigmug-line-down56:before { content: "\e031"; } .fl-bigmug-line-down58:before { content: "\e032"; } .fl-bigmug-line-down59:before { content: "\e033"; } .fl-bigmug-line-down64:before { content: "\e034"; } .fl-bigmug-line-download136:before { content: "\e035"; } .fl-bigmug-line-download142:before { content: "\e036"; } .fl-bigmug-line-download146:before { content: "\e037"; } .fl-bigmug-line-download147:before { content: "\e038"; } .fl-bigmug-line-download148:before { content: "\e039"; } .fl-bigmug-line-electrical17:before { content: "\e03a"; } .fl-bigmug-line-electronic57:before { content: "\e03b"; } .fl-bigmug-line-email64:before { content: "\e03c"; } .fl-bigmug-line-email67:before { content: "\e03d"; } .fl-bigmug-line-equalization3:before { content: "\e03e"; } .fl-bigmug-line-equalizer26:before { content: "\e03f"; } .fl-bigmug-line-event6:before { content: "\e040"; } .fl-bigmug-line-expand25:before { content: "\e041"; } .fl-bigmug-line-expanding2:before { content: "\e042"; } .fl-bigmug-line-fast33:before { content: "\e043"; } .fl-bigmug-line-favourites5:before { content: "\e044"; } .fl-bigmug-line-file68:before { content: "\e045"; } .fl-bigmug-line-file69:before { content: "\e046"; } .fl-bigmug-line-film57:before { content: "\e047"; } .fl-bigmug-line-flag53:before { content: "\e048"; } .fl-bigmug-line-fog10:before { content: "\e049"; } .fl-bigmug-line-foggy3:before { content: "\e04a"; } .fl-bigmug-line-folder173:before { content: "\e04b"; } .fl-bigmug-line-fork34:before { content: "\e04c"; } .fl-bigmug-line-four87:before { conteLine truncated
template/real_estate_html/site/css/style.css
Executable
+239
View File
@@ -0,0 +1,239 @@
@charset "UTF-8"; /*
* Trunk version 2.0.0
*/ a:focus, button:focus { outline: none !important; } button::-moz-focus-inner { border: 0; } *:focus { outline: none; } blockquote { padding: 0; margin: 0; } input, button, select, textarea { outline: none; } label { margin-bottom: 0; } p { margin: 0; } ul, ol { list-style: none; padding: 0; margin: 0; } ul li, ol li { display: block; } dl { margin: 0; } dt, dd { line-height: inherit; } dt { font-weight: inherit; } dd { margin-bottom: 0; } cite { font-style: normal; } form { margin-bottom: 0; } blockquote { padding-left: 0; border-left: 0; } address { margin-top: 0; margin-bottom: 0; } figure { margin-bottom: 0; } html p a:hover { text-decoration: none; } /*
*
* Typography
*/ body { font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 14px; line-height: 1.7; font-weight: 300; color: #74757f; background-color: #fff; -webkit-text-size-adjust: none; -webkit-font-smoothing: subpixel-antialiased; letter-spacing: .03em; } @media (min-width: 768px) { body { font-size: 16px; line-height: 1.5; } } h1, h2, h3, h4, h5, h6, [class^='heading-'] { margin-top: 0; margin-bottom: 0; color: #151515; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, [class^='heading-'] a:hover { color: #0045b6; } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, [class^='heading-'] span { display: inline-block; } h1 span[data-toggle='modal'], h2 span[data-toggle='modal'], h3 span[data-toggle='modal'], h4 span[data-toggle='modal'], h5 span[data-toggle='modal'], h6 span[data-toggle='modal'], [class^='heading-'] span[data-toggle='modal'] { border-bottom: 2px dashed rgba(0, 69, 182, 0.3); cursor: pointer; } h1 > span.icon, h2 > span.icon, h3 > span.icon, h4 > span.icon, h5 > span.icon, h6 > span.icon, [class^='heading-'] > span.icon { display: inline-block; margin-right: 5px; } h1, .heading-1 { font-size: 30px; line-height: 1.15; letter-spacing: 0; } @media (min-width: 576px) { h1, .heading-1 { font-size: 32px; } } @media (min-width: 768px) { h1, .heading-1 { font-size: 46px; line-height: 1.25; } } @media (min-width: 992px) { h1, .heading-1 { font-size: 54px; } } @media (min-width: 1200px) { h1, .heading-1 { font-size: 58px; } } @media (min-width: 1600px) { h1, .heading-1 { font-size: 90px; line-height: 0.88889; } } h2, .heading-2 { font-family: "Poppins", sans-serif; font-size: 28px; line-height: 1.4; letter-spacing: 0; } @media (min-width: 576px) { h2, .heading-2 { font-size: 30px; } } @media (min-width: 768px) { h2, .heading-2 { font-size: 44px; } } @media (min-width: 1200px) { h2, .heading-2 { font-size: 50px; line-height: 1.4; } } h3, .heading-3 { font-size: 24px; line-height: 1.3; letter-spacing: 0; } @media (min-width: 768px) { h3, .heading-3 { font-size: 30px; line-height: 1.4; } } @media (min-width: 1200px) { h3, .heading-3 { font-size: 38px; line-height: 1.21053; } } h3 .big, .heading-3 .big { font-size: 2em; line-height: 1; } h4, .heading-4 { font-size: 18px; line-height: 1.5; letter-spacing: 0; } @media (min-width: 1200px) { h4, .heading-4 { font-size: 24px; line-height: 1.33333; } } h4.h4-smaller, .heading-4.h4-smaller { font-size: 19px; } @media (min-width: 1200px) { h4.h4-smaller, .heading-4.h4-smaller { font-size: 22px; line-height: 1.45455; } } h5, .heading-5 { font-size: 16px; line-height: 1.5; letter-spacing: .01em; } @media (min-width: 768px) { h5, .heading-5 { font-size: 22px; line-height: 1.27273; } } h6, .heading-6 { font-family: "Poppins", sans-serif; font-size: 14px; line-height: 1.8; letter-spacing: .2em; text-transform: uppercase; } @media (min-width: 768px) { h6, .heading-6 { font-size: 16px; line-height: 1.5; font-weight: 700; } } .title-decorated { position: relative; padding-left: 40px; text-align: left; } .title-decorated::before { content: ''; position: absolute; left: 0; top: 12px; width: 30px; border-bottom: 1px solid; } .title-docor-text { font-size: 20px; color: #fff; } @media (min-width: 576px) { .title-docor-text { font-size: 24px; } } @media (min-width: 768px) { .title-docor-text { padding-left: 96px; font-size: 37px; } .title-docor-text::before { width: 74px; border-bottom-width: 2px; } } @media (min-width: 768px) { .title-decorated-lg { padding-left: 80px; } .title-decorated-lg::before { width: 62px; } .title-decorated-lg + p { margin-top: 32px; } } small, .small { display: block; font-size: 12px; line-height: 1.5; } mark, .mark { padding: 3px 5px; color: #fff; background: #0045b6; } strong { font-weight: 700; color: #74757f; } .big { font-size: 16px; line-height: 1.55; } @media (min-width: 768px) { .big { font-size: 20px; line-height: 1.6; } } .lead { font-size: 24px; line-height: 34px; font-weight: 300; } code { padding: 4px 5px; border-radius: 0; font-size: 90%; color: #111111; background: #f5f6fa; } .text-large { font-family: "Poppins", sans-serif; font-size: 30px; font-weight: 500; letter-spacing: 0; line-height: 1.2; text-transform: uppercase; } @media (min-width: 576px) { .text-large { font-size: 55px; } } @media (min-width: 768px) { .text-large { font-size: 68px; } } @media (min-width: 992px) { .text-large { font-size: 80px; } } @media (min-width: 1200px) { .text-large { font-size: 100px; } } .context-dark .text-large, .bg-gray-700 .text-large, .bg-gray-800 .text-large, .bg-primary .text-large, .bg-primary-darker .text-large { color: #fff; } .text-extra-large { font-size: 100px; line-height: .8Line truncated
*
* Brand
*/ .brand { display: inline-block; } .brand .brand-logo-light { display: none; } .brand .brand-logo-dark { display: block; } /*
*
* Links
*/ a { transition: all 0.3s ease-in-out; } a, a:focus, a:active, a:hover { text-decoration: none; } a, a:focus, a:active { color: #0045b6; } a:hover { color: #00286a; } a[href*='tel'], a[href*='mailto'] { white-space: nowrap; } .link-hover { color: #343db0; } .link-default, .link-default:active, .link-default:focus { color: #74757f; } .link-default:hover { color: #0045b6; } .context-dark .link-default, .bg-gray-700 .link-default, .bg-gray-800 .link-default, .bg-primary .link-default, .bg-primary-darker .link-default { color: #aeb1be; } .context-dark .link-default:hover, .bg-gray-700 .link-default:hover, .bg-gray-800 .link-default:hover, .bg-primary .link-default:hover, .bg-primary-darker .link-default:hover { color: #fff; } .link-image { display: block; max-width: 75%; margin-left: auto; margin-right: auto; opacity: .45; transition: all 0.3s ease-in-out; } .link-image:hover { opacity: 1; } .privacy-link { display: inline-block; color: #4854ed; } * + .privacy-link { margin-top: 25px; } /*
*
* Blocks
*/ .block-center, .block-sm, .block-lg { margin-left: auto; margin-right: auto; } .block-sm { max-width: 560px; } .block-lg { max-width: 768px; } .block-center { padding: 10px; } .block-center:hover .block-center-header { background-color: #0045b6; } .block-center-title { background-color: #fff; } @media (max-width: 1599.98px) { .block-center { padding: 20px; } .block-center:hover .block-center-header { background-color: #fff; } .block-center-header { background-color: #0045b6; } } /*
*
* Boxes
*/ .box-minimal { display: flex; margin-left: -15px; text-align: left; } .box-minimal > * { margin-left: 15px; } .box-chloe__icon { font-size: 26px; } .box-minimal-icon .box-chloe__icon { position: relative; top: 4px; min-width: 26px; font-size: 24px; line-height: 1; color: #0045b6; } .box-minimal-icon .box-chloe__icon.fl-bigmug-line-checkmark14 { font-size: 20px; } .box-minimal-icon .box-chloe__icon .box-chloe__icon { position: relative; top: 4px; min-width: 26px; font-size: 24px; line-height: 1; } .box-minimal-text { width: 100%; max-width: 320px; margin-left: auto; margin-right: auto; } * + .box-minimal { margin-top: 30px; } * + .box-minimal-title { margin-top: 10px; } * + .box-minimal-text { margin-top: 15px; } @media (max-width: 575.98px) { .box-minimal { max-width: 360px; margin-left: auto; margin-right: auto; } } @media (max-width: 767.98px) { .box-minimal * + p { margin-top: 7px; } } @media (min-width: 768px) { .box-minimal { padding-right: 15px; margin-left: -30px; } .box-minimal > * { margin-left: 30px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .box-minimal { padding-right: 0; } .box-minimal-title { font-size: 22px; } } @media (min-width: 1200px) { .box-minimal-icon, .box-chloe__icon { top: 0; font-size: 36px; } .box-minimal-icon .box-chloe__icon, .box-chloe__icon .box-chloe__icon { font-size: 32px; top: 0; } .box-minimal-icon.fl-bigmug-line-checkmark14, .box-chloe__icon.fl-bigmug-line-checkmark14 { font-size: 30px; } } .box-light { text-align: left; } .box-light-icon { font-size: 30px; line-height: 1; color: #0045b6; } * + .box-light-title { margin-top: 10px; } @media (max-width: 575.98px) { .box-light { max-width: 300px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .box-light { max-width: 240px; } .box-chloe__icon { font-size: 32px; } * + .box-light-title { margin-top: 16px; } } @media (min-width: 768px) and (max-width: 1199.98px) { .box-light-title { font-size: 20px; } } @media (min-width: 992px) { .box-light-icon { font-size: 32px; } * + .box-light-title { margin-top: 25px; } } @media (min-width: 1200px) { .box-light-icon { font-size: 40px; } } .box-creative { max-width: 330px; margin-left: auto; margin-right: auto; text-align: center; cursor: default; } .box-creative:hover .box-creative-icon { color: #fff; } .box-creative:hover .box-creative-icon::after { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .box-creative-shadow .box-creative-icon { background: #fff; border: 0; box-shadow: 0 17px 24px 0 rgba(0, 0, 0, 0.05); } .box-creative-icon { position: relative; z-index: 0; display: inline-flex; align-items: center; justify-content: center; width: 2.8em; height: 2.8em; border: 2px solid #e8e9ee; border-radius: 50%; font-size: 24px; line-height: 1; color: #0045b6; } .box-creative-icon::before { position: relative; z-index: 2; } .box-creative-icon::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: inherit; background: #0045b6; border-color: #0045b6; pointer-events: none; opacity: 0; visibility: hidden; transition: .15s ease-in; transform: scale3d(1.05, 1.05, 1.05); } * + .box-creative-icon { margin-top: 10px; } * + .box-creative-title { margin-top: 10px; } @media (min-width: 768px) { .box-creative-icon { font-size: 30px; } * + .box-creative-title { margin-top: 15px; } } @media (max-width: 991.98px) { .box-creative * + p { margin-top: 10px; } } @media (min-width: 1200px) { .box-creative-icon { width: 2.4em; height: 2.4em; font-size: 40px; } * + .box-creative-title { margin-top: 24px; } } .box-1 { max-width: 280px; margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .box-2 { padding-right: 30px; } } @media (min-width: 992px) { .box-2 { padding-right: 35px; } } @media (min-width: 1200px) { .box-2 { padding-right: 100px; } } @media (min-width: 992px) { .box-3 { padding-left: 10px; } } @media (min-width: 1200px) { .box-3 { padding-left: 70px; } } div.box-cta-1 { display: inline-table; text-align: center; vertical-align: middle; margin-bottom: -25px; margin-left: -40px; } div.box-cta-1:empty { margin-bottom: 0; margin-left: 0; } div.box-cta-1 > * { display: inline-block; margin: 0 0 25px 40px; } div.box-cta-1 > * { margin-top: 0; vertical-align: middle; } div.box-cta-thin { display: inline-table; text-align: center; vertical-align: middle; margin-bottom: -25px; margin-left: -30px; } div.box-cta-thin:empty { margin-bottom: 0; margin-left: 0; } div.box-cta-thin > * { display: inline-block; margin: 0 0 25px 30px; } div.box-cta-thin > * { margin-top: 0; vertical-align: middle; } @media (min-width: 768px) and (max-width: 991.98px) { div.box-cta-thin > * { max-width: 500px; } } .box-indigo { positionLine truncated
* Element groups
*/ html .group { margin-bottom: -15px; margin-left: -20px; } html .group:empty { margin-bottom: 0; margin-left: 0; } html .group > * { display: inline-block; margin: 0 0 15px 20px; } @media (min-width: 992px) { html .group { margin-left: -30px; } html .group > * { margin-left: 30px; } } html .group-xs { margin-bottom: -7px; margin-left: -7px; } html .group-xs:empty { margin-bottom: 0; margin-left: 0; } html .group-xs > * { display: inline-block; margin: 0 0 7px 7px; } html .group-sm { margin-bottom: -10px; margin-left: -10px; } html .group-sm:empty { margin-bottom: 0; margin-left: 0; } html .group-sm > * { display: inline-block; margin: 0 0 10px 10px; } html .group-lg { margin-bottom: -25px; margin-left: -40px; } html .group-lg:empty { margin-bottom: 0; margin-left: 0; } html .group-lg > * { display: inline-block; margin: 0 0 25px 40px; } html .group-xl { margin-bottom: -20px; margin-left: -30px; } html .group-xl:empty { margin-bottom: 0; margin-left: 0; } html .group-xl > * { display: inline-block; margin: 0 0 20px 30px; } @media (min-width: 992px) { html .group-xl { margin-bottom: -20px; margin-left: -45px; } html .group-xl > * { margin-bottom: 20px; margin-left: 45px; } } html .group-sm-justify .button { padding-left: 20px; padding-right: 20px; } @media (min-width: 768px) { html .group-sm-justify { display: flex; align-items: center; justify-content: center; } html .group-sm-justify > * { flex-grow: 1; flex-shrink: 0; } html .group-sm-justify .button { min-width: 130px; padding-left: 20px; padding-right: 20px; } } html .group-middle { display: table; vertical-align: middle; } html .group-middle > * { vertical-align: middle; } * + .group { margin-top: 30px; } * + .group-xs { margin-top: 35px; } * + .group-sm { margin-top: 30px; } * + .group-xl { margin-top: 20px; } /*
*
* Responsive units
*/ .unit { display: flex; flex: 0 1 100%; margin-bottom: -30px; margin-left: -20px; } .unit > * { margin-bottom: 30px; margin-left: 20px; } .unit:empty { margin-bottom: 0; margin-left: 0; } .unit-body { flex: 0 1 auto; } .unit-left, .unit-right { flex: 0 0 auto; max-width: 100%; } .unit-spacing-xs { margin-bottom: -15px; margin-left: -7px; } .unit-spacing-xs > * { margin-bottom: 15px; margin-left: 7px; } /*
*
* Lists
*/ .list > li + li { margin-top: 10px; } .list-xs > li + li { margin-top: 8px; } .list-sm > li + li { margin-top: 15px; } .list-md > li + li { margin-top: 18px; } .list-lg > li + li { margin-top: 25px; } .list-xl li + li { margin-top: 30px; } @media (min-width: 1200px) { .list-xl * + p { margin-top: 18px; } } @media (min-width: 1600px) { .list-xl * + p { margin-top: 24px; } } @media (min-width: 768px) { .list-xl > li + li { margin-top: 60px; } } @media (min-width: 1600px) { .list-xl > li + li { margin-top: 78px; } } .list-inline > li { display: inline-block; } html .list-inline-md { transform: translate3d(0, -8px, 0); margin-bottom: -8px; margin-left: -10px; margin-right: -10px; } html .list-inline-md > * { margin-top: 8px; padding-left: 10px; padding-right: 10px; } @media (min-width: 992px) { html .list-inline-md { margin-left: -14px; margin-right: -14px; } html .list-inline-md > * { padding-left: 14px; padding-right: 14px; } } .list-terms dt { font-size: 20px; line-height: 1.3; font-weight: 700; letter-spacing: 0; color: #495057; } .list-terms dt + dd { margin-top: 8px; } .list-terms dd + dt { margin-top: 25px; } * + .list-terms { margin-top: 25px; } .list-terms + .privacy-link { margin-top: 20px; } @media (min-width: 768px) { .list-terms dt { font-size: 24px; } .list-terms dd + dt { margin-top: 40px; } } @media (min-width: 992px) { .list-terms dt + dd { margin-top: 18px; } .list-terms dd + dt { margin-top: 55px; } } @media (min-width: 1200px) { .list-terms dt { max-width: 85%; } } @media (min-width: 1600px) { .list-terms dd + dt { margin-top: 75px; } .list-terms + .privacy-link { margin-top: 75px; } } .index-list { counter-reset: li; } .index-list > li .list-index-counter:before { content: counter(li, decimal-leading-zero); counter-increment: li; } .list-marked { text-align: left; } .list-marked > li::before { position: relative; top: 1px; display: inline-block; min-width: 25px; content: '\f14f'; font: 400 14px 'Material Design Icons'; line-height: inherit; color: #aeb1be; } .list-marked > li + li { margin-top: 9px; } * + .list-marked { margin-top: 15px; } .list-ordered { counter-reset: li; text-align: left; } .list-ordered > li { position: relative; padding-left: 25px; } .list-ordered > li:before { content: counter(li, decimal) "."; counter-increment: li; position: absolute; top: 0; left: 0; display: inline-block; width: 15px; color: #aeb1be; } .list-ordered > li + li { margin-top: 9px; } * + .list-ordered { margin-top: 15px; } .list-nav { transform: translate3d(0, -10px, 0); margin-bottom: -10px; margin-left: -10px; margin-right: -10px; font-family: "Poppins", sans-serif; font-weight: 400; font-size: .875em; letter-spacing: .08em; text-transform: uppercase; color: #495057; } .list-nav > * { margin-top: 10px; padding-left: 10px; padding-right: 10px; } .list-nav li { display: inline-block; vertical-align: middle; } .list-nav a { color: inherit; } .list-nav a:hover { color: #0045b6; } @media (min-width: 768px) { .list-nav { margin-left: -13px; margin-right: -13px; } .list-nav > * { padding-left: 13px; padding-right: 13px; } } @media (min-width: 992px) { .list-nav { margin-left: -28px; margin-right: -28px; } .list-nav > * { padding-left: 28px; padding-right: 28px; } } .context-dark .list-nav, .bg-gray-700 .list-nav, .bg-gray-800 .list-nav, .bg-primary .list-nav, .bg-primary-darker .list-nav { color: #fff; } .context-dark .list-nav a:hover, .bg-gray-700 .list-nav a:hover, .bg-gray-800 .list-nav a:hover, .bg-primary .list-nav a:hover, .bg-primary-darker .list-nav a:hover { color: #aeb1be; } .list-inline-bordered { margin-left: -18px; margin-right: -18px; color: #495057; } .list-inline-bordered > * { padding-left: 18px; padding-right: 18px; } .list-inline-bordered * { color: inherit; } .list-inline-bordered > li > button { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; transition: .22s; } .list-inline-bordered > li > button::-moz-focus-inner { border: none; padding: 0; } .list-inline-bordered > li { display: inline-block; line-height: 24px; } .list-inline-bordered > li:not(:last-child) { border-right: 1px solid #74757f; } .context-dark .list-inline-bordered, .bg-gray-700 .list-inline-bordered, .bg-gray-800 .list-inline-bordered, .bg-primary .list-inline-bordered, .bg-primary-darker .list-inline-bordered { color: #fff; } .context-dark .list-inline-bordered button.active, .bg-gray-700 .list-inline-bordered button.active, .bg-gray-800 .list-inline-bordered button.active, .bg-primary .list-inline-bordered button.active, .bg-primary-darker .list-inline-bordered button.active, .context-dark .list-inline-bordered button:hover, .bg-gray-700 .list-inline-bordered button:hover, .bg-gray-800 .list-inline-bLine truncated
*
* Images
*/ img { display: inline-block; max-width: 100%; height: auto; } .img-responsive { width: 100%; } /*
*
* Icons
*/ .icon { display: inline-block; font-size: 16px; line-height: 1; } .icon::before { position: relative; display: inline-block; font-weight: 400; font-style: normal; speak: none; text-transform: none; } .icon-creative { display: inline-block; text-align: center; width: 2em; height: 2em; line-height: 2em; border-radius: 50%; } .icon-creative, .icon-creative:active, .icon-creative:focus { color: #aeb1be; } .icon-creative::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: inherit; pointer-events: none; opacity: 0; transform: scale3d(0, 0, 0); transition: .22s; } .icon-creative:hover { color: #fff; } .icon-creative:hover::after { opacity: 1; transform: scale3d(1, 1, 1); } .icon-creative[class*='facebook']::after { background: #2059a0; } .icon-creative[class*='twitter']::after { background: #00aae6; } .icon-creative[class*='instagram']::after { background: linear-gradient(to top, #f15823 0%, #a7058e 100%); } .icon-creative[class*='google']::after { background: #ff3807; } .icon-creative[class*='linkedin']::after { background: #2881a8; } .icon-modern { width: 2em; height: 2em; line-height: 2em; text-align: center; border-radius: 50%; border: 1px solid #e8e9ee; color: #151515; } .icon-circle { border-radius: 50%; } .icon-sm { font-size: 20px; } .icon-md { font-size: 1.5em; } .icon-lg { font-size: 1.875em; } /*
*
* Tables custom
*/ .table { width: 100%; max-width: 100%; text-align: left; background: #fff; border-collapse: collapse; } .table th, .table td { color: #495057; vertical-align: middle; } .table th { padding: 13px 24px; border-top: 0; font-size: 16px; font-weight: 300; } .table thead th { border-bottom: 1px solid #aeb1be; } .table td { padding: 23px 24px; } .table tbody tr:first-child td { border-top: 0; } .table tr td { border-bottom: 1px solid #e8e9ee; } .table tfoot td { font-weight: 700; } * + .table-responsive { margin-top: 30px; } @media (min-width: 768px) { * + .table-responsive { margin-top: 40px; } } .table-hover tbody tr { transition: .55s; } .table-hover tbody tr:hover { background: #f5f6fa; } .table-job-positions th, .table-job-positions td { white-space: nowrap; } .table-job-positions td:first-child { width: 8%; padding-right: 6px; text-align: center; } .table-job-positions .position { color: #0045b6; } .table-job-positions time { display: block; white-space: nowrap; } @media (max-width: 575.98px) { .table-job-positions th, .table-job-positions td { padding-left: 12px; padding-right: 12px; } .table-job-positions td { padding-top: 10px; padding-bottom: 10px; } } .table-responsive + .button-lg { margin-top: 30px; } @media (min-width: 1200px) { .table-responsive + .button-lg { margin-top: 40px; } } @media (min-width: 1600px) { .table-responsive + .button-lg { margin-top: 55px; } } /*
*
* Dividers
*/ hr { margin-top: 0; margin-bottom: 0; border-top: 1px solid #e8e9ee; } .context-dark hr, .bg-gray-700 hr, .bg-gray-800 hr, .bg-primary hr, .bg-primary-darker hr { border-top-color: #74757f; } .divider-small { font-size: 0; line-height: 0; } .divider-small::after { content: ''; display: inline-block; width: 70px; height: 2px; background-color: #0045b6; } .divider-small + h3, .divider-small + .heading-3, .divider-small-outer + h3, .divider-small-outer + .heading-3 { margin-top: 20px; } /*
*
* Buttons
*/ .button { position: relative; overflow: hidden; display: inline-block; padding: 13px 35px; font-size: 14px; line-height: 1.25; border: 2px solid; border-radius: 6px; font-family: "Poppins", sans-serif; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; text-align: center; cursor: pointer; vertical-align: middle; user-select: none; transition: 0.25s cubic-bezier(0.2, 1, 0.3, 1); } .form-btn { display: block; width: 100%; height: 100%; } .button-block { display: block; width: 100%; } .button-default, .button-default:focus { color: #aeb1be; background-color: #495057; border-color: #495057; } .button-default:hover, .button-default:active { color: #fff; background-color: #0045b6; border-color: #0045b6; } .button.button-primary, .button.button-primary:focus { color: #fff; background-color: #0045b6; border-color: #0045b6; } .button.button-primary:hover, .button.button-primary:active { color: #fff; background-color: #232426; border-color: #232426; } html .button.button-primary-lighten, html .button.button-primary-lighten:focus { color: #fff; background-color: #0045b6; border-color: #0045b6; } html .button.button-primary-lighten:hover, html .button.button-primary-lighten:active { color: #fff; background-color: #232426; border-color: #232426; } .button-accent-outline, .button-accent-outline:focus { color: #151515; background-color: transparent; border-color: #0045b6; } .button-accent-outline:hover, .button-accent-outline:active { color: #fff; background-color: #0045b6; border-color: #0045b6; } .button-primary-outline, .button-primary-outline:focus { color: #151515; background-color: transparent; border-color: #151515; } .button-primary-outline:hover, .button-primary-outline:active { color: #fff; background-color: #0045b6; border-color: #0045b6; } .button-gray-bordered { border-width: 1px; } .button-gray-bordered, .button-gray-bordered:focus { color: #151515; background-color: transparent; border-color: #aeb1be; } .button-gray-bordered:hover, .button-gray-bordered:active { color: #fff; background-color: #0045b6; border-color: #0045b6; } .button-primary-white, .button-primary-white:focus { color: #111111; background-color: #fff; border-color: transparent; } .button-primary-white:hover, .button-primary-white:active { color: #fff; background-color: #0045b6; border-color: #0045b6; } .button.button-facebook, .button.button-facebook:focus { color: #fff; background-color: #2059a0; border-color: #2059a0; } .button.button-facebook:hover, .button.button-facebook:active { color: #fff; background-color: #2465b5; border-color: #2465b5; } .button.button-twitter, .button.button-twitter:focus { color: #fff; background-color: #00aae6; border-color: #00aae6; } .button.button-twitter:hover, .button.button-twitter:active { color: #fff; background-color: #01bdff; border-color: #01bdff; } .button.button-google, .button.button-google:focus { color: #fff; background-color: #ff3807; border-color: #ff3807; } .button.button-google:hover, .button.button-google:active { color: #fff; background-color: #ff4c21; border-color: #ff4c21; } .button-winona { position: relative; overflow: hidden; display: inline-block; vertical-align: middle; text-align: center; } .button-winona .content-original, .button-winona .content-dubbed { vertical-align: middle; transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1); } .button-winona .content-original { display: block; } .button-winona .content-dubbed { position: absolute; width: 100%; top: 50%; left: 0; opacity: 0; transform: translate3d(0, 0, 0); } .button-winona:hover .content-original { opacity: 0; transform: translate3d(0, -30%, 0); } .button-winona:hover .content-dubbed { opacity: 1; transform: translate3d(0, 0, 0) translateY(-50%); } .button-sm { padding: 9px 32px; font-size: 12px; line-height: 1.5; } .button-lg { padding: 14px 35px; font-size: 15px; line-height: 1.5; } @media (min-width: 576px) { .button-lg { font-size: 16px; padding-left: 55px; padding-right: 55px; } } .button-lg--smaller { padding-left: 35px; padding-right: 35px; } html .button.button-icon { display: inline-flex; } .button-icon { justify-content: center; align-items: center; vertical-align: middle; } .button-icon .icon { position: relative; top: -1px; display: inline-block; vertical-align: middle; color: inherit; font-size: 1.55em; line-height: 1em; transition: none; } .button-icon:hover .icon { color: inherit; } .button-icon-left .icon { padding-right: 5px; } .button-icon-right { flex-direction: row-reverse; } .button-icon-right .icon { padding-left: 8px; } .button-icon.button-icon-only { padding-left: 20px; padding-right: 20px; } .button-icon.button-lg .icon { padding-right: 8px; } .button-icon.button-lg.button-icon-right .icon { padding: 0 0 0 8pxLine truncated
*
* Form styles
*/ .rd-form { position: relative; text-align: left; } .rd-form .button { min-height: 48px; } .rd-form .button-icon-only { padding-top: 11px; padding-bottom: 11px; } * + .rd-form { margin-top: 20px; } input:-webkit-autofill ~ label, input:-webkit-autofill ~ .form-validation { color: #000 !important; } .form-wrap { position: relative; } .form-wrap.has-error .form-input { border-color: #dc0000; } .form-wrap.has-focus .form-input { border-color: #0045b6; } * + .form-wrap { margin-top: 24px; } .form-input { display: block; width: 100%; min-height: 48px; padding: 11px 19px; font-size: 16px; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-image: none; border-radius: 6px; -webkit-appearance: none; transition: .3s ease-in-out; font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; border: 1px solid #c5c6cd; } .form-input:focus { outline: 0; } textarea.form-input { height: 150px; min-height: 48px; max-height: 255px; resize: vertical; } .form-label, .form-label-outside { margin-bottom: 0; font-weight: 300; } .form-label { position: absolute; top: 24px; left: 0; right: 0; padding-left: 19px; padding-right: 19px; font-size: 16px; font-weight: 400; line-height: 1.5; color: #495057; pointer-events: none; text-align: left; z-index: 9; transition: .25s; will-change: transform; transform: translateY(-50%); } .form-label.focus { opacity: 0; } .form-label.auto-fill { color: #495057; } .form-label-outside { width: 100%; padding-right: 150px; margin-bottom: 4px; font-size: 14px; color: #aeb1be; cursor: pointer; } .form-label-outside ~ .form-validation { top: 10px; } [data-x-mode='true'] .form-label { pointer-events: auto; } .form-validation { position: absolute; right: 15px; top: 0; z-index: 11; margin-top: 3px; font-size: 10px; font-weight: 500; line-height: 12px; letter-spacing: 0; color: #dc0000; transition: .3s; transform: scale3d(1, 1, 1); } .form-validation:empty { transform: scale3d(1, 0, 1); } .form-validation-left .form-validation { top: 2px; bottom: auto; right: auto; left: 14px; } #form-output-global { position: fixed; bottom: 30px; left: 15px; z-index: 2000; visibility: hidden; transform: translate3d(-500px, 0, 0); transition: .3s all ease; } #form-output-global.active { visibility: visible; transform: translate3d(0, 0, 0); } @media (min-width: 576px) { #form-output-global { left: 30px; } } .form-output { position: absolute; top: 100%; left: 0; font-size: 10px; font-weight: 400; line-height: 1.2; margin-top: 2px; transition: .3s; opacity: 0; visibility: hidden; } .form-output.active { opacity: 1; visibility: visible; } .form-output.error { color: #dc0000; } .form-output.success { color: #98bf44; } .radio .radio-custom, .radio-inline .radio-custom, .checkbox .checkbox-custom, .checkbox-inline .checkbox-custom { opacity: 0; } .radio .radio-custom, .radio .radio-custom-dummy, .radio-inline .radio-custom, .radio-inline .radio-custom-dummy, .checkbox .checkbox-custom, .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom, .checkbox-inline .checkbox-custom-dummy { position: absolute; left: 0; width: 14px; height: 14px; outline: none; cursor: pointer; } .radio .radio-custom-dummy, .radio-inline .radio-custom-dummy, .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom-dummy { pointer-events: none; background: #fff; } .radio .radio-custom-dummy::after, .radio-inline .radio-custom-dummy::after, .checkbox .checkbox-custom-dummy::after, .checkbox-inline .checkbox-custom-dummy::after { position: absolute; opacity: 0; transition: .22s; } .radio .radio-custom:focus, .radio-inline .radio-custom:focus, .checkbox .checkbox-custom:focus, .checkbox-inline .checkbox-custom:focus { outline: none; } .radio input, .radio-inline input, .checkbox input, .checkbox-inline input { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); border: 0; } .radio-custom:checked + .radio-custom-dummy:after, .checkbox-custom:checked + .checkbox-custom-dummy:after { opacity: 1; } .radio, .radio-inline { padding-left: 28px; } .radio .radio-custom-dummy, .radio-inline .radio-custom-dummy { top: 1px; left: 0; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #74757f; } .radio .radio-custom-dummy::after, .radio-inline .radio-custom-dummy::after { content: ''; top: 3px; right: 3px; bottom: 3px; left: 3px; background: #495057; border-radius: inherit; } .checkbox, .checkbox-inline { padding-left: 28px; } .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom-dummy { left: 0; width: 18px; height: 18px; margin: 0; border: 1px solid #74757f; } .checkbox .checkbox-custom-dummy::after, .checkbox-inline .checkbox-custom-dummy::after { contentLine truncated
*
* Posts
*/ .post-inline { max-width: 313px; } .post-inline-title a { color: inherit; } .post-inline-meta { transform: translate3d(0, -5px, 0); margin-bottom: -5px; margin-left: -10px; margin-right: -10px; color: rgba(255, 255, 255, 0.3); } .post-inline-meta > * { margin-top: 5px; padding-left: 10px; padding-right: 10px; } .post-inline-meta > li { position: relative; display: inline-block; } .post-inline-meta > li:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 1px; border-radius: 50%; background: #495057; } .post-inline-meta a { color: inherit; } * + .post-inline { margin-top: 15px; } * + .post-inline-meta { margin-top: 5px; } @media (min-width: 768px) { * + .post-inline { margin-top: 22px; } } .context-dark .post-inline-title, .bg-gray-700 .post-inline-title, .bg-gray-800 .post-inline-title, .bg-primary .post-inline-title, .bg-primary-darker .post-inline-title { color: #fff; } .context-dark .post-inline-title a:hover, .bg-gray-700 .post-inline-title a:hover, .bg-gray-800 .post-inline-title a:hover, .bg-primary .post-inline-title a:hover, .bg-primary-darker .post-inline-title a:hover { color: #aeb1be; } .context-dark .post-inline-meta > li:not(:last-child)::after, .bg-gray-700 .post-inline-meta > li:not(:last-child)::after, .bg-gray-800 .post-inline-meta > li:not(:last-child)::after, .bg-primary .post-inline-meta > li:not(:last-child)::after, .bg-primary-darker .post-inline-meta > li:not(:last-child)::after { background: #aeb1be; } .context-dark .post-inline-meta a:hover, .bg-gray-700 .post-inline-meta a:hover, .bg-gray-800 .post-inline-meta a:hover, .bg-primary .post-inline-meta a:hover, .bg-primary-darker .post-inline-meta a:hover { color: #fff; } .post-classic { text-align: left; } .post-classic-media { position: relative; display: block; } .post-classic-media::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(73, 80, 87, 0.4); transition: .4s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; } .post-classic-media img { width: 100%; } .post-classic-media:hover::before { opacity: 1; visibility: visible; } .post-classic-meta { transform: translate3d(0, -3px, 0); margin-bottom: -3px; margin-left: -14px; margin-right: -14px; color: #aeb1be; } .post-classic-meta > * { margin-top: 3px; padding-left: 14px; padding-right: 14px; } .post-classic-meta > li { position: relative; display: inline-block; } .post-classic-meta > li:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; width: 2px; height: 2px; background: #aeb1be; transform: translate3d(0, -50%, 0); } .post-classic-meta a:hover { color: #343db0; } * + .post-classic-meta { margin-top: 15px; } * + .post-classic-title { margin-top: 9px; } @media (max-width: 575.98px) { .post-classic { max-width: 360px; margin-left: auto; margin-right: auto; } } @media (min-width: 576px) and (max-width: 767.98px) { .post-classic-title { font-size: 17px; } } @media (min-width: 768px) { .post-classic-meta { transform: translate3d(0, -5px, 0); margin-bottom: -5px; margin-left: -20px; margin-right: -20px; } .post-classic-meta > * { margin-top: 5px; padding-left: 20px; padding-right: 20px; } * + .post-classic-meta { margin-top: 25px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .post-classic-meta { margin-left: -15px; margin-right: -15px; font-size: 14px; } .post-classic-meta > * { padding-left: 15px; padding-right: 15px; } } .post-modern { text-align: left; } .post-modern-title { color: #151515; font-weight: 400; } .post-modern-title a:hover { color: #0045b6; } .post-modern-media { position: relative; display: block; } .post-modern-media::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(73, 80, 87, 0.4); transition: .22s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; } .post-modern-media img { width: 100%; } .post-modern-media:hover::before { opacity: 1; visibility: visible; } .post-modern-meta { transform: translate3d(0, -5px, 0); margin-bottom: -5px; margin-left: -15px; margin-right: -15px; color: #495057; font-weight: 500; } .post-modern-meta > * { margin-top: 5px; padding-left: 15px; padding-right: 15px; } .post-modern-meta > li { position: relative; display: inline-block; line-height: 24px; font-size: 18px; } .post-modern-meta > li:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 1.5em; background: #e8e9ee; transform: translate3d(0, -50%, 0); } .post-modern-meta a:hover { color: #343db0; } .post-modern-meta + p { color: #151515; } * + .post-modern-title { margin-top: 9px; } * + .post-modern-meta { margin-top: 10px; } @media (max-width: 575.98px) { .post-modern { max-width: 430px; margin-left: auto; marginLine truncated
*
* Quotes
*/ .quote-light-mark { fill: #aeb1be; } .quote-light-cite { font-size: 20px; color: #0045b6; } .quote-light-caption { line-height: 1.2; } .quote-light-text { font-size: 16px; line-height: 1.5; letter-spacing: 0; color: #495057; } html img.quote-light-image { display: inline-block; } * + .quote-light { margin-top: 30px; } * + .quote-light-caption { margin-top: 3px; } * + .quote-light-mark { margin-top: 15px; } * + .quote-light-text { margin-top: 8px; } * + .quote-light-footer { margin-top: 20px; } @media (min-width: 576px) { .quote-light-cite { font-size: 20px; } } @media (min-width: 768px) { .quote-light-cite { font-size: 24px; } .quote-light-text { font-size: 21px; line-height: 1.45; } * + .quote-light { margin-top: 40px; } * + .quote-light-mark { margin-top: 35px; } * + .quote-light-text { margin-top: 15px; } * + .quote-light-footer { margin-top: 30px; } } @media (min-width: 1600px) { .quote-light-text { font-size: 24px; line-height: 1.33333; } * + .quote-light { margin-top: 50px; } * + .quote-light-mark { margin-top: 50px; } * + .quote-light-footer { margin-top: 45px; } } .quote-classic { text-align: left; } .quote-classic-meta { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: -20px; margin-left: -20px; } .quote-classic-meta:empty { margin-bottom: 0; margin-left: 0; } .quote-classic-meta > * { display: inline-block; margin: 0 0 20px 20px; } .quote-classic-avatar { position: relative; overflow: hidden; width: 50px; height: 50px; border-radius: 50%; flex-shrink: 0; } .quote-classic-avatar img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .quote-classic-avatar img { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .quote-classic-cite { font-size: 24px; line-height: 1.2; color: #151515; font-family: "Poppins", sans-serif; } .quote-classic-caption { color: #151515; } * + .quote-classic-text { margin-top: 25px; } * + .quote-classic-caption { margin-top: 0; } @media (max-width: 575.98px) { .quote-classic { margin-left: auto; margin-right: auto; } } .quote-modern { text-align: left; } .quote-modern-meta { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: -20px; margin-left: -20px; } .quote-modern-meta:empty { margin-bottom: 0; margin-left: 0; } .quote-modern-meta > * { display: inline-block; margin: 0 0 20px 20px; } .quote-modern-avatar { position: relative; overflow: hidden; z-index: 2; width: 50px; height: 50px; border-radius: 50%; flex-shrink: 0; } .quote-modern-avatar img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .quote-modern-avatar img { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .quote-modern-cite { font-size: 20px; line-height: 1.2; color: #0045b6; } .quote-modern-caption { color: #aeb1be; } .quote-modern-mark { fill: #aeb1be; } * + .quote-modern-meta { margin-top: 25px; } * + .quote-modern-caption { margin-top: 0; } * + .quote-modern-text { margin-top: 10px; } .quote-modern-big .quote-modern-text { font-size: 18px; line-height: 1.5; color: #495057; } @media (min-width: 992px) { .quote-modern-big .quote-modern-text { font-size: 20px; } } @media (min-width: 1200px) { .quote-modern-big .quote-modern-text { font-size: 24px; line-height: 1.33333; } .quote-modern-big * + .quote-modern-text { margin-top: 20px; } } /*
*
* Thumbnails
*/ .video-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center center; background-size: cover; cursor: pointer; } .figure-light figcaption { padding-top: 15px; color: #74757f; } * + .figure-light { margin-top: 20px; } @media (min-width: 1200px) { * + .figure-light { margin-top: 40px; } } .figure-card { position: relative; overflow: hidden; display: flex; } .figure-card .figure-card-sizer { display: block; width: 100%; } .figure-card .figure-card-sizer::before { display: block; content: ''; visibility: hidden; padding-bottom: 56.25%; } .figure-card img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .figure-card img { height: 100%; width: 100%; left: 0; top: 0; transform: none; object-fit: cover; object-position: center center; } } .thumbnail-video-1 { position: relative; text-align: center; } .thumbnail-video-1 .embed-responsive::before { min-height: 250px; } .thumbnail-video-1 .video-overlay { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; z-index: 1; background-position: 80% center; } .thumbnail-video-1 .video-overlay::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: -1; } .thumbnail-video-1 * + .button-video { margin-top: 25px; } .thumbnail-minimal { position: relative; overflow: hidden; display: block; } .thumbnail-minimal::before { content: ''; display: block; padding-bottom: 100%; } .thumbnail-minimal-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .thumbnail-minimal-image { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .thumbnail-minimal-caption { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(0, 69, 182, 0.6); display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .thumbnail-minimal-caption::before { content: '\f504'; font-family: 'Material Design Icons'; font-size: 30px; line-height: 1; color: #fff; } .thumbnail-minimal:hover .thumbnail-minimal-caption { opacity: 1; visibility: visible; } .thumbnail-classic { position: relative; overflow: hidden; display: flex; text-align: left; } .thumbnail-classic * { color: inherit; } .thumbnail-classic, .thumbnail-classic:active, .thumbnail-classic:focus, .thumbnail-classic:hover { color: #fff; } .thumbnail-classic:hover { color: #fff; } .thumbnail-classic > * { width: 100%; flex-shrink: 0; } .thumbnail-classic-sm .thumbnail-classic-dummy::before { padding-bottom: 69.18919%; } .thumbnail-classic-dummy { width: 100%; } .thumbnail-classic-dummy::before { content: ''; display: block; visibility: hidden; pointer-events: none; padding-bottom: 73.84615%; } .thumbnail-classic-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .thumbnail-classic-image { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .thumbnail-classic-caption { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; width: 100%; padding: 20px; background: rgba(73, 80, 87, 0.4); font-size: 14px; } .thumbnail-classic-caption * + p { margin-top: 5px; } .thumbnail-classic-title { font-size: 20px; line-height: 1.3; } @media (max-width: 575.98px) { .thumbnail-classic { max-width: 360px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .thumbnail-classic-caption { padding: 25px 20px; } } @media (min-width: 992px) { .thumbnail-classic-lg .thumbnail-classic-dummy::before { padding-bottom: 147.69231%; } } @media (min-width: 1200px) { .thumbnail-classic-caption { padding: 30px 40px; font-size: 16px; } .thumbnail-classic-caption * + p { margin-top: 8px; } .thumbnail-classic-title { font-size: 24px; } } html:not(.tablet):not(.mobile) .thumbnail-classic-caption { opacity: 0; visibility: hidden; transition: .3s all linear; background: rgba(73, 80, 87, 0.6); } html:not(.tablet):not(.mobile) .thumbnail-classic:hover .thumbnail-classic-caption { opacity: 1; visibility: visible; } html:not(.tablet):not(.mobile) .hoverdir-item .thumbnail-classic-caption { opacity: 1; visibility: visible; transform: translate(-100%, 0); } html:not(.tablet):not(.mobile)[data-x-mode='true'] .Line truncated
*
* Breadcrumbs
*/ .breadcrumbs-custom { position: relative; display: flex; background-color: #495057; background-position: 20% 20%; } .breadcrumbs-custom .breadcrumbs-custom-subtitle { color: #aeb1be; } @media (min-width: 576px) { .breadcrumbs-custom { padding: 60px 0; } } @media (min-width: 1200px) { .breadcrumbs-custom { padding: 0; } } .breadcrumbs-custom-inner { display: flex; min-height: inherit; width: 100%; padding: 50px 0 25px; } .breadcrumbs-custom-container { display: flex; flex-direction: column; justify-content: space-between; } .breadcrumbs-custom-container::before { content: ''; display: block; } .breadcrumbs-custom-path { margin-left: -15px; margin-right: -15px; } .breadcrumbs-custom-path > * { padding-left: 15px; padding-right: 15px; } .breadcrumbs-custom-path li { position: relative; display: inline-block; vertical-align: middle; color: #aeb1be; } .breadcrumbs-custom-path li::after { content: ""; font-family: "FontAwesome"; position: absolute; top: 51%; right: -5px; display: inline-block; font-size: inherit; font-style: normal; color: rgba(255, 255, 255, 0.5); transform: translate3d(0, -50%, 0); } .breadcrumbs-custom-path li:last-child:after { display: none; } .breadcrumbs-custom-path a { display: inline; vertical-align: middle; } .breadcrumbs-custom-path a, .breadcrumbs-custom-path a:active, .breadcrumbs-custom-path a:focus { color: #aeb1be; } .breadcrumbs-custom-path a:hover { color: #fff; } * + .breadcrumbs-custom-path { margin-top: 25px; } .breadcrumbs-custom-subtitle + .breadcrumbs-custom-title { margin-top: 15px; } @media (min-width: 576px) { .breadcrumbs-custom-path { margin-left: -30px; margin-right: -30px; } .breadcrumbs-custom-path > * { padding-left: 30px; padding-right: 30px; } * + .breadcrumbs-custom-path { margin-top: 30px; } } @media (min-width: 768px) { .breadcrumbs-custom { min-height: 23.75vw; } .breadcrumbs-custom-inner { padding: 80px 0 30px; } .breadcrumbs-custom-subtitle + .breadcrumbs-custom-title { margin-top: 5px; } } @media (min-width: 992px) { .breadcrumbs-custom-inner { padding-bottom: 40px; } .breadcrumbs-custom-subtitle + .breadcrumbs-custom-title { margin-top: 10px; } } @media (min-width: 1600px) { .breadcrumbs-custom { min-height: 520px; } .breadcrumbs-custom-inner { padding: 130px 0 40px 0; } .breadcrumbs-custom-subtitle + .breadcrumbs-custom-title { margin-top: 20px; } } /*
*
* Pagination custom
*/ .pagination { font-size: 0; line-height: 0; margin-bottom: -10px; margin-left: -10px; } .pagination:empty { margin-bottom: 0; margin-left: 0; } .pagination > * { display: inline-block; margin: 0 0 10px 10px; } .page-item { display: inline-block; vertical-align: middle; text-align: center; font-weight: 700; } .page-link { display: inline-flex; align-items: center; justify-content: center; min-width: 48px; min-height: 48px; padding: 10px 10px; border: 0; border-radius: 6px; font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 500; line-height: 1.71429; background-color: #0045b6; color: #fff; transition: all 0.3s ease-in-out; } .page-link.button-winona * { line-height: inherit; } .page-link.button-winona .content-dubbed { margin-top: -1px; } .page-link:hover, .page-link:focus, .page-link:active { color: #fff; background-color: #151515; } .page-item.active > .page-link, .page-item.active > .page-link:hover, .page-item.active > .page-link:focus, .page-item.active > .page-link:active { color: #fff; background-color: #151515; } .page-item.disabled > .page-link, .page-item.disabled > .page-link:hover, .page-item.disabled > .page-link:focus, .page-item.disabled > .page-link:active { color: #74757f; background-color: #e8e9ee; } .page-item-control .icon::before { font-family: 'FontAwesome'; font-size: 11px; line-height: 24px; } .page-item-control:first-child .icon::before { content: '\f053'; margin-left: -1px; } .page-item-control:last-child .icon::before { content: '\f054'; margin-right: -1px; } * + .pagination { margin-top: 35px; } @media (min-width: 992px) { * + .pagination { margin-top: 55px; } } @media (min-width: 1600px) { * + .pagination { margin-top: 70px; } } /*
*
* Snackbars
*/ .snackbars { padding: 9px 16px; margin-left: auto; margin-right: auto; color: #fff; text-align: left; background-color: #0045b6; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); border-radius: 6px; font-size: 14px; } .snackbars .icon-xxs { font-size: 18px; } .snackbars p span:last-child { padding-left: 14px; } .snackbars-left { display: inline-block; margin-bottom: 0; } .snackbars-right { display: inline-block; float: right; text-transform: uppercase; } .snackbars-right:hover { text-decoration: underline; } @media (min-width: 576px) { .snackbars { max-width: 540px; padding: 12px 15px; font-size: 15px; } } /*
*
* Footers
*/ .footer-standard h4 + *, .footer-standard .heading-4 + * { margin-top: 14px; } .footer-standard-main { padding: 35px 0 15px; } .footer-standard-aside { padding: 30px 0; } .footer-standard-aside { margin-bottom: -18px; text-align: center; } .footer-standard-aside > * { margin-bottom: 18px; } .footer-standard-aside > * { margin-top: 0; } @media (max-width: 575.98px) { .footer-standard .box-1 { margin-left: 0; } } @media (min-width: 768px) and (max-width: 991.98px) { .footer-standard .box-1 { margin-left: 0; } } @media (min-width: 768px) { .footer-standard h4 + *, .footer-standard .heading-4 + * { margin-top: 25px; } .footer-standard-main { padding: 55px 0 20px; } .footer-standard-aside { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; text-align: center; margin-left: -20px; } .footer-standard-aside > * { margin-left: 20px; } } @media (min-width: 1200px) { .footer-standard-main { padding: 80px 0 50px; } } .footer-minimal { padding: 30px 0; } .footer-minimal-inner { margin-bottom: -18px; text-align: center; } .footer-minimal-inner > * { margin-bottom: 18px; } .footer-minimal-inner > * { margin-top: 0; } .footer-minimal-inner .rights a { padding-bottom: 2px; position: relative; } .footer-minimal-inner .rights a:before { content: ''; position: absolute; left: 0; height: 1px; bottom: 0; width: 0; display: block; transition: all ease .35s; background-color: #fff; } .footer-minimal-inner .rights a:hover { color: #fff; } .footer-minimal-inner .rights a:hover:before { content: ''; width: 100%; transition: all ease .35s; } @media (min-width: 768px) { .footer-minimal-inner { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; text-align: center; margin-left: -20px; } .footer-minimal-inner > * { margin-left: 20px; } } .footer-advanced.bg-gray-700 h1, .footer-advanced.bg-gray-700 h2, .footer-advanced.bg-gray-700 h3, .footer-advanced.bg-gray-700 h4, .footer-advanced.bg-gray-700 h5, .footer-advanced.bg-gray-700 h6, .footer-advanced.bg-gray-700 [class^='heading-'] { color: #aeb1be; } .footer-advanced h4 + *, .footer-advanced .heading-4 + * { margin-top: 14px; } .footer-advanced-main { padding: 35px 0 15px; } .footer-advanced-aside { padding: 30px 0; } .footer-advanced-layout { margin-bottom: -18px; text-align: center; } .footer-advanced-layout > * { margin-bottom: 18px; } .footer-advanced-layout > * { margin-top: 0; } @media (min-width: 768px) and (max-width: 991.98px) { .footer-advanced .box-1 { margin-left: 0; } } @media (min-width: 992px) and (max-width: 1199.98px) { .footer-advanced-text { font-size: 14px; line-height: 1.7; } } .footer-advanced-text { color: rgba(255, 255, 255, 0.3); } @media (min-width: 768px) { .footer-advanced-main { padding: 55px 0 20px; } .footer-advanced-aside { padding: 35px 0; } .footer-advanced-layout { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; text-align: center; margin-left: -20px; } .footer-advanced-layout > * { margin-left: 20px; } .footer-advanced-aside + .container { margin-top: 10px; } } @media (min-width: 1200px) { .footer-advanced h4 + *, .footer-advanced .heading-4 + * { margin-top: 35px; } .footer-advanced-main { padding: 80px 0 60px; } .footer-advanced-aside + .container { margin-top: 20px; } } .footer-linked.bg-gray-700 h1, .footer-linked.bg-gray-700 h2, .footer-linked.bg-gray-700 h3, .footer-linked.bg-gray-700 h4, .footer-linked.bg-gray-700 h5, .footer-linked.bg-gray-700 h6, .footer-linked.bg-gray-700 [class^='heading-'] { color: #aeb1be; } .footer-linked.bg-gray-700 .list { color: #fff; } .footer-linked.bg-gray-700 .list a:hover { color: rgba(255, 255, 255, 0.6); } .footer-linked h4 + *, .footer-linked .heading-4 + * { margin-top: 14px; } .footer-linked h4 + hr, .footer-linked .heading-4 + hr { margin-top: 15px; } .footer-linked * + .row { margin-top: 25px; } .footer-linked-main { padding: 35px 0 15px; } .footer-linked-aside { padding: 30px 0; } .footer-linked-layout { margin-bottom: -18px; text-align: center; } .footer-linked-layout > * { margin-bottom: 18px; } .footer-linked-layout > * { margin-top: 0; } @media (min-width: 768px) and (max-width: 991.98px) { .footer-linked .box-1 { margin-left: 0; } } @media (min-width: 992px) and (max-width: 1199.98px) { .footer-linked-text { font-size: 14px; line-height: 1.7; } } @media (min-width: 768px) { .footer-linked-main { padding: 65px 0 40px; } .footer-linked-aside { padding: 30px 0; } .footer-linked-layout { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; text-align: center; margin-left: -20px; } .footer-linked-layout > * { margin-left: 20px; } .footer-linked-aside + .container { margin-top: 10px; } } @media (min-width: 1200px) { .footer-linked Line truncated
*
* Pricing tables
*/ .pricing-minimal { position: relative; z-index: 1; padding: 25px 20px; border: 1px solid #aeb1be; border-radius: 6px; text-align: left; transition: .22s; cursor: default; } .pricing-minimal:hover { border-color: #0045b6; } .pricing-minimal:hover::before { visibility: visible; transform: translate3d(0, 0, 0); } .pricing-minimal-price { font-size: 26px; line-height: 1; font-weight: 700; letter-spacing: 0; color: #495057; } .pricing-minimal-price span { display: inline; } .pricing-minimal-price-currency { font-size: .65em; vertical-align: top; } .pricing-minimal-divider { border-bottom: 1px solid #aeb1be; } * + .pricing-minimal-price { margin-top: 10px; } * + .pricing-minimal-divider { margin-top: 20px; } @media (max-width: 575.98px) { .pricing-minimal { max-width: 350px; margin-left: auto; margin-right: auto; } } @media (min-width: 576px) { .pricing-minimal { padding: 20px; } } @media (min-width: 768px) { .pricing-minimal-price { font-size: 36px; } } @media (min-width: 768px) { .pricing-minimal { padding: 30px 38px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .pricing-minimal { padding: 25px 20px; } } @media (min-width: 1200px) { .pricing-minimal { padding: 38px 40px; } } .pricing-modern { padding: 35px 20px; border: 1px solid #aeb1be; border-radius: 6px; text-align: center; } .pricing-modern * + .button { margin-top: 20px; } .pricing-group-modern { border: 1px solid #aeb1be; border-radius: 6px; } .pricing-group-modern .pricing-modern { border: 0; border-radius: 0; } .pricing-modern-rating { color: #0045b6; } .pricing-modern-rating > li { display: inline-block; width: 26px; font-size: 30px; line-height: .9; } .pricing-modern-title { font-weight: 700; } .pricing-modern-table { display: inline-table; } .pricing-modern-table td { padding: 3px 8px; color: #74757f; } .pricing-modern-table td:first-child { text-align: right; color: #495057; } .pricing-modern-table td:last-child { text-align: left; } .pricing-modern-price { font-size: 24px; font-weight: 300; line-height: 1.2; } .pricing-modern-price span { display: inline; } .pricing-modern-price-currency { font-size: .65em; vertical-align: top; } * + .pricing-group-modern { margin-top: 35px; } * + .pricing-modern-title { margin-top: 5px; } * + .pricing-modern-table { margin-top: 20px; } * + .pricing-modern-price { margin-top: 15px; } @media (max-width: 575.98px) { .pricing-group-modern { max-width: 360px; margin-left: auto; margin-right: auto; } .pricing-group-modern .pricing-modern + .pricing-modern { border-top: 1px solid #aeb1be; } } @media (min-width: 576px) and (max-width: 991.98px) { .pricing-group-modern .pricing-modern:nth-child(odd) { border-right: 1px solid #aeb1be; } .pricing-group-modern .pricing-modern:nth-child(n + 3) { border-top: 1px solid #aeb1be; } } @media (min-width: 576px) { .pricing-group-modern { display: flex; flex-wrap: wrap; } .pricing-group-modern .pricing-modern { width: 100%; max-width: 50%; } .pricing-modern { padding: 55px 20px; } * + .pricing-group-modern { margin-top: 50px; } * + .pricing-modern-table { margin-top: 25px; } * + .pricing-modern-price { margin-top: 30px; } } @media (min-width: 768px) { .pricing-modern-price { font-size: 30px; } } @media (min-width: 992px) { .pricing-group-modern .pricing-modern { max-width: 25%; border-right: 1px solid #aeb1be; } .pricing-group-modern .pricing-modern:nth-child(4n) { border-right: 0; } .pricing-group-modern .pricing-modern:nth-child(n + 5) { border-top: 1px solid #aeb1be; } } @media (min-width: 992px) and (max-width: 1199.98px) { .pricing-modern .button { display: block; padding-left: 15px; padding-right: 15px; } } @media (min-width: 1200px) { .pricing-modern-price { font-size: 36px; } * + .pricing-modern-table { margin-top: 35px; } * + .pricing-modern-price { margin-top: 40px; } } @media (min-width: 1600px) { * + .pricing-group-modern { margin-top: 75px; } } /*
*
* Profiles
*/ .profile-classic { text-align: left; } .profile-classic-main { position: relative; overflow: hidden; z-index: 1; border-radius: 6px; } .profile-classic-image { min-width: 100%; } .profile-classic-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px; background: rgba(0, 69, 182, 0.6); } .profile-classic-caption .icon-creative { color: #fff; } .profile-classic-title { color: #0045b6; } .profile-classic-title a:hover { color: #343db0; } .profile-classic-position { color: #aeb1be; } * + .profile-classic-title { margin-top: 15px; } * + .profile-classic-position { margin-top: 5px; } @media (max-width: 575.98px) { .profile-classic { max-width: 360px; margin-left: auto; margin-right: auto; } } @media (min-width: 576px) and (max-width: 767.98px) { .profile-classic-caption { padding-left: 5px; padding-right: 5px; } .profile-classic-caption .icon-sm { font-size: 18px; } .profile-classic-caption .group { margin-left: -3px; } .profile-classic-caption .group > * { margin-left: 3px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .profile-classic-caption { padding-left: 5px; padding-right: 5px; } .profile-classic-caption .icon-sm { font-size: 18px; } .profile-classic-caption .group { margin-left: -3px; } .profile-classic-caption .group > * { margin-left: 3px; } } @media (min-width: 1200px) { * + .profile-classic-title { margin-top: 20px; } } html:not(.tablet):not(.mobile) .profile-classic:hover .profile-classic-caption { opacity: 1; visibility: visible; } html:not(.tablet):not(.mobile) .profile-classic-caption { top: 0; display: flex; flex-direction: column; justify-content: flex-end; opacity: 0; visibility: hidden; transition: .33s ease-in-out; } .profile-creative { display: flex; margin-left: -15px; text-align: left; color: #74757f; } .profile-creative > * { margin-left: 15px; } .profile-creative-figure { position: relative; overflow: hidden; max-width: 80px; flex-shrink: 0; } .profile-creative-image { width: 100%; border-radius: 6px; } .profile-creative-main { flex-grow: 1; } .profile-creative-title a { color: #151515; font-weight: 300; } .profile-creative-title a:hover { color: #0045b6; } .profile-creative-position { color: #151515; } .profile-creative-contacts { color: #151515; } .profile-creative-contacts a { color: inherit; font-weight: 400; } .profile-creative-contacts a:hover { color: #0045b6; } * + .profile-creative-position { margin-top: 0; } * + .profile-creative-contacts { margin-top: 15px; } @media (min-width: 576px) { .profile-creative { margin-left: -30px; } .profile-creative > * { margin-left: 30px; } .profile-creative-figure { max-width: 22%; } } @media (min-width: 768px) { .profile-creative-figure { max-width: 29%; } .profile-creative-main { padding-right: 30px; } * + .profile-creative-contacts { margin-top: 22px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .profile-creative { margin-left: -20px; } .profile-creative > * { margin-left: 20px; } .profile-creative-figure { max-width: 25%; } .profile-creative-main { padding-right: 10px; } } .profile-minimal { position: relative; overflow: hidden; border-radius: 6px; color: #fff; text-align: left; } .profile-minimal::before { content: ''; display: block; padding-bottom: 100%; } .profile-minimal-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; max-width: none; } @supports (object-fit: cover) { .profile-minimal-image { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .profile-minimal-caption { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 25px; background: rgba(73, 80, 87, 0.4); } .profile-minimal-title { color: #fff; } * + .profile-minimal-position { margin-top: 5px; } @media (max-width: 575.98px) { .profile-minimal { max-width: 360px; margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) { .profile-minimal-caption { padding: 35px; } * + .profile-minimal-position { margin-top: 10px; } } html:not(.tablet):not(.mobile) .profile-minimal:hover .profile-minimal-caption { opacity: 1; visibility: visible; } html:not(.tablet):not(.mobile) .profile-minimal-caption { opacity: 0; visibility: hidden; transition: .35s ease-in; background: rgba(73, 80, 87, 0.6); } .profile-modern { text-align: left; } .profile-modern > * + * { margin-top: 35px; } .profile-modern-header { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: -10px; margin-left: -20px; } .profile-modern-header:empty { margin-bottom: 0; margin-left: 0; } .profile-modern-header > * { display: inline-block; margin: 0 0 Line truncated
*
* Counters
*/ .counter-minimal { position: relative; text-align: center; color: #495057; } .counter-minimal-icon { font-size: 24px; line-height: 1; color: #0045b6; } .counter-minimal-main { font-family: "Poppins", sans-serif; font-size: 36px; font-weight: 500; line-height: 1.2; letter-spacing: 0; } .counter-minimal-main > * { display: inline; font: inherit; } .counter-minimal-main span { display: inline; } * + .counter-minimal-title { margin-top: 10px; } * + .counter-minimal-main { margin-top: 15px; } @media (max-width: 575.98px) { .counter-minimal-title { font-size: 16px; line-height: 1.4; } } @media (min-width: 768px) { .counter-minimal-icon { font-size: 28px; } } @media (min-width: 768px) { .counter-minimal-title { font-size: 18px; } .counter-minimal-main { font-size: 48px; } } @media (min-width: 1200px) { * + .counter-minimal-main { margin-top: 25px; } * + .counter-minimal-title { margin-top: 18px; } } /*
*
* Layouts
*/ .layout-bordered { text-align: center; } .layout-bordered-item { border: 0 solid #d3d5db; } .layout-bordered-item-inner { display: flex; flex-direction: column; justify-content: center; max-width: 290px; padding: 0 15px; margin-left: auto; margin-right: auto; } .layout-bordered-item-inner a { color: #151515; } .layout-bordered-item-inner > * + * { margin-top: 10px; } @media (max-width: 767.98px) { .layout-bordered-item { padding: 30px 0; } .layout-bordered-item:first-child { padding-top: 0; } .layout-bordered-item:last-child { padding-bottom: 0; } .layout-bordered-item + .layout-bordered-item { border-top-width: 1px; } } @media (min-width: 768px) { .layout-bordered { display: flex; } .layout-bordered-item { flex-grow: 1; } .layout-bordered-item-inner > * + * { margin-top: 15px; } } @media (min-width: 768px) and (max-width: 991.98px) { .layout-bordered-item { font-size: 15px; } } @media (min-width: 768px) { .layout-bordered-item { flex-basis: 33.333%; border-right-width: 1px; } .layout-bordered-item:first-child { border-left-width: 1px; } } .layout-navbar-demo { position: relative; overflow: hidden; min-height: 400px; background: #e8e9ee; } .layout-navbar-demo.layout-navbar-demo-lg { min-height: 650px; } .layout-navbar-demo .rd-navbar-fixed .rd-navbar-panel { position: relative; z-index: 10; } .layout-navbar-demo .rd-navbar-fixed .rd-navbar-nav-wrap { position: absolute; z-index: 9; } .layout-navbar-demo .rd-navbar-fixed .rd-navbar-main-outer, .layout-navbar-demo .rd-navbar-fixed .rd-navbar-main-element { position: static; } .layout-navbar-demo .rd-navbar-fixed .rd-navbar-search { position: static; } .layout-navbar-demo .rd-navbar-fixed .rd-navbar-panel .rd-navbar-search-toggle { position: static; z-index: 10; } .layout-navbar-demo .rd-navbar-fixed div.rd-navbar-block { top: -1px; right: 10px; white-space: nowrap; } .layout-navbar-demo .rd-navbar-fixed div.rd-navbar-block > * { display: inline-block; margin-top: 0; white-space: normal; vertical-align: middle; } .layout-navbar-demo .rd-navbar-fixed div.rd-navbar-block > * + * { margin-left: 8px; } .layout-navbar-demo .rd-navbar-fixed div.rd-navbar-block .rd-navbar-search-toggle { margin-top: 6px; } .layout-navbar-demo .rd-navbar-fixed div.rd-navbar-popup { position: absolute; } .layout-navbar-demo .rd-navbar-fixed.rd-navbar [class*='rd-navbar-fixed-element'] { position: absolute; z-index: 1000; } .layout-navbar-demo .rd-navbar-fixed.rd-navbar .rd-search { position: absolute; z-index: 1; } .layout-navbar-demo .rd-navbar-fixed .rd-navbar-collapse-content { position: absolute; z-index: 1; } @media (min-width: 1200px) { .layout-navbar-demo { min-height: 550px; } .layout-navbar-demo.layout-navbar-demo-lg { min-height: 650px; } } .container + .layout-navbar-demo { margin-top: 20px; } .blog-layout-aside { padding: 4px 0; background: #f5f6fa; } .blog-layout-aside .rd-search .form-input { border-color: transparent; } .blog-layout-aside-item { padding: 25px 30px; } .blog-layout-aside-item .blog-layout-aside-title + * { margin-top: 15px; } .blog-layout-aside-item a { color: #151515; } .blog-layout-aside-title { font-size: 22px; line-height: 1.5; } * + .blog-layout-aside { margin-top: 55px; } @media (min-width: 768px) { * + .blog-layout-aside { margin-top: 70px; } } @media (min-width: 768px) and (max-width: 991.98px) { .blog-layout-aside { columns: 2; break-inside: avoid; } .blog-layout-aside-item { display: inline-block; width: 100%; } } @media (min-width: 992px) { .blog-layout { display: flex; align-items: flex-start; margin-left: -30px; } .blog-layout > * { margin-left: 30px; } .blog-layout-main { flex-grow: 1; max-width: 66.66667%; } .blog-layout-aside { flex-shrink: 0; max-width: 33.33333%; } * + .blog-layout-aside { margin-top: 0; } } @media (min-width: 1200px) { .blog-layout-aside-item { padding: 35px 40px; } } .blog-layout-aside .list-marked * > a { transition: all ease .35s; display: inline-block; } .blog-layout-aside .list-marked * > a:hover { text-indent: 5px; transition: all ease .35s; } /*
*
* Timeline
*/ .timeline-classic { text-align: left; } .timeline-classic-item { position: relative; overflow: hidden; padding: 0 0 70px 35px; margin-bottom: -25px; } .timeline-classic-item:last-child { padding-bottom: 0; margin-bottom: 0; } .timeline-classic-item-image { width: 100%; } .timeline-classic-item-title { font-family: "Poppins", sans-serif; font-size: 24px; line-height: 1.2; font-weight: 300; letter-spacing: 0; text-transform: uppercase; } .thumbnail-classic-item-subtitle { font-size: 16px; line-height: 1.5; color: #151515; } .timeline-classic-item-divider { position: absolute; top: 0; left: 0; display: flex; flex-grow: 1; flex-direction: column; align-items: center; padding-top: 25px; } .timeline-classic-item-divider::before { content: ''; display: block; width: 15px; height: 15px; border: 2px solid #0045b6; border-radius: 50%; } .timeline-classic-item-divider::after { content: ''; position: absolute; top: 40px; left: 50%; margin-left: -1px; width: 2px; height: 300vh; background: #0045b6; min-height: 100px; } * + .timeline-classic-item-main { margin-top: 20px; } .context-dark .timeline-classic-item-divider::before, .bg-gray-700 .timeline-classic-item-divider::before, .bg-gray-800 .timeline-classic-item-divider::before, .bg-primary .timeline-classic-item-divider::before, .bg-primary-darker .timeline-classic-item-divider::before { border-color: #fff; } .context-dark .timeline-classic-item-divider::after, .bg-gray-700 .timeline-classic-item-divider::after, .bg-gray-800 .timeline-classic-item-divider::after, .bg-primary .timeline-classic-item-divider::after, .bg-primary-darker .timeline-classic-item-divider::after { background: #fff; } .context-dark .thumbnail-classic-item-subtitle, .bg-gray-700 .thumbnail-classic-item-subtitle, .bg-gray-800 .thumbnail-classic-item-subtitle, .bg-primary .thumbnail-classic-item-subtitle, .bg-primary-darker .thumbnail-classic-item-subtitle { color: #fff; } @media (max-width: 575.98px) { .timeline-classic-item { max-width: 450px; margin-left: auto; margin-right: auto; } } @media (max-width: 767.98px) { .timeline-classic-item { flex-wrap: wrap; } .timeline-classic-item-main, .timeline-classic-item-aside { width: 100%; } } @media (min-width: 768px) { .timeline-classic-item { display: flex; padding-left: 0; padding-bottom: 90px; } .timeline-classic-item-aside { max-width: 33.33%; } .timeline-classic-item-main { max-width: 60%; } .timeline-classic-item-divider { position: relative; padding: 25px 20px 0; } .timeline-classic-item-title { font-size: 32px; } .thumbnail-classic-item-subtitle { font-size: 18px; line-height: 1.4; } * + .timeline-classic-item-main { margin-top: 0; } } @media (min-width: 992px) { .timeline-classic-item * + h4, .timeline-classic-item * + .heading-4 { margin-top: 20px; } .timeline-classic-item-title { font-size: 36px; } .thumbnail-classic-item-subtitle { font-size: 20px; line-height: 1.4; } .timeline-classic-item-aside { max-width: 37%; } .timeline-classic-item-main { max-width: 50%; } } @media (min-width: 1200px) { .timeline-classic-item-aside { max-width: 33.33%; } .timeline-classic-item-title { font-size: 48px; } } @media (min-width: 1600px) { .timeline-classic-item { padding-bottom: 125px; } .timeline-classic-item * + h4, .timeline-classic-item * + .heading-4 { margin-top: 30px; } } /*
*
* Careers
*/ .career-classic { text-align: left; } .career-classic-divider { border-bottom: 1px solid #aeb1be; } .career-classic-list { transform: translate3d(0, -10px, 0); margin-bottom: -10px; margin-left: -20px; margin-right: -20px; } .career-classic-list > * { margin-top: 10px; padding-left: 20px; padding-right: 20px; } .career-classic-list > li { display: inline-block; vertical-align: middle; white-space: nowrap; } .career-classic-list > li > * { display: inline-block; vertical-align: middle; } .career-classic-list > li > * + * { margin-left: 8px; } .career-classic-list .icon { font-size: 1.25em; color: #0045b6; } * + .career-classic-divider { margin-top: 10px; } * + .career-classic-list { margin-top: 15px; } @media (max-width: 575.98px) { .career-classic { max-width: 360px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { * + .career-classic-divider { margin-top: 20px; } * + .career-classic-list { margin-top: 20px; } } /*
*
* Comments
*/ .comment-classic { display: flex; align-items: flex-start; text-align: left; padding-bottom: 20px; border-bottom: 1px solid #e8e9ee; } .comment-classic > * + * { margin-left: 20px; } .comment-classic-figure { position: relative; flex-shrink: 0; width: 48px; height: 48px; } .comment-classic-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; width: auto; height: auto; border-radius: 50%; max-width: none; } @supports (object-fit: cover) { .comment-classic-image { left: 0; top: 0; width: 100%; height: 100%; transform: none; object-fit: cover; object-position: center center; } } .comment-classic-main { flex-grow: 1; } .comment-classic-name { color: #0045b6; } .comment-classic-text { color: #495057; } .comment-classic-meta { display: flex; align-items: center; justify-content: space-between; } .comment-classic-meta time { color: #74757f; } .comment-classic-reply { font-size: 24px; line-height: 1; color: #aeb1be; } .comment-classic-reply::before { content: '\f549'; font-family: 'Material Design Icons'; } .comment-classic-reply:hover { color: #0045b6; } * + .comment-classic-text { margin-top: 8px; } * + .comment-classic-meta { margin-top: 5px; } @media (min-width: 576px) { .comment-classic > * + * { margin-left: 25px; } .comment-classic-reply { font-size: 28px; } } .comment-classic-group .comment-classic-group { margin-left: 25px; } .comment-classic-group * + .comment-classic-group { margin-top: 30px; } * + .comment-classic-group { margin-top: 50px; } .comment-classic-group + .comment-classic-group { margin-top: 30px; } @media (min-width: 768px) { .comment-classic-group .comment-classic-group { margin-left: 75px; } } /*
*
* Jumbotron Classic
*/ .jumbotron-classic.bg-gray-700 h6, .jumbotron-classic.bg-gray-700 .heading-6 { color: #fff; } .jumbotron-classic.parallax-container { background-position: 60% center; } .jumbotron-classic .parallax-content { width: 100%; } .jumbotron-classic-content { max-width: 650px; display: flex; flex-direction: column; justify-content: center; height: 100%; } .jumbotron-classic-content .title-docor-text:before { top: 50%; } @media (max-width: 1599.98px) { .jumbotron-classic-content { padding: 120px 0; } } @media (max-width: 767.98px) { .jumbotron-classic-content { padding: 60px 0 80px 0; } } @media (max-width: 1199.98px) { .jumbotron-classic.parallax-container::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: linear-gradient(to right, rgba(73, 80, 87, 0.6), rgba(73, 80, 87, 0.2)); } } @media (min-width: 768px) { .jumbotron-classic-inner { padding: 200px 0 140px; } } @media (min-width: 1600px) { .jumbotron-classic-content { padding: 200px 0 150px; } } .jumbotron-modern { position: relative; display: flex; text-align: center; } .jumbotron-modern-inner { position: relative; z-index: 1; display: flex; align-items: center; width: 100%; padding: 50px 0; } .jumbotron-modern-content { max-width: 770px; margin-left: auto; margin-right: auto; } @media (max-width: 767.98px) { .jumbotron-modern .form-layout-1 { display: inline-block; max-width: 360px; } } @media (max-width: 1199.98px) { .jumbotron-modern::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(73, 80, 87, 0.4), rgba(73, 80, 87, 0)); } } @media (min-width: 768px) { .jumbotron-modern-inner { padding: 100px 0 140px; } } @media (min-width: 1200px) { .jumbotron-modern-inner { min-height: 41.66667vw; } } .jumbotron-indigo-header { padding: 40px 0; } .jumbotron-indigo-main { padding: 10px 0 40px; } @media (min-width: 768px) { .jumbotron-indigo-header { padding: 50px 0; } .jumbotron-indigo-main { padding: 50px 0 185px; } } /*
*
* Page layout
*/ .page { position: relative; overflow: hidden; min-height: 100vh; } .page.fadeIn { animation-timing-function: ease-out; } .page.fadeOut { animation-timing-function: ease-in; } [data-x-mode] .page { opacity: 1; } html.boxed body { background: #f5f6fa url(../images/bg-pattern-boxed.png) repeat fixed; } @media (min-width: 1630px) { html.boxed .page { max-width: 1600px; margin-left: auto; margin-right: auto; box-shadow: 0 0 23px 0 rgba(1, 1, 1, 0.1); } html.boxed .rd-navbar-static { max-width: 1600px; margin-left: auto; margin-right: auto; } html.boxed .rd-navbar-static.rd-navbar--is-stuck { max-width: 1600px; width: 100%; left: calc(50% - 1600px); right: calc(50% - 1600px); } } .page-header-navbar { position: relative; z-index: 1080; } .page-header-navbar .rd-navbar-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 1080; } /*
*
* Text styling
*/ .text-italic { font-style: italic; } .text-normal { font-style: normal; } .text-underline { text-decoration: underline; } .text-strike { text-decoration: line-through; } .font-weight-thin { font-weight: 100; } .font-weight-light { font-weight: 300; } .font-weight-regular { font-weight: 400; } .font-weight-medium { font-weight: 500; } .font-weight-sbold { font-weight: 600; } .font-weight-ubold { font-weight: 900; } .text-spacing-0 { letter-spacing: 0; } /*
*
* Offsets
*/ * + p, * + .list-inline-comma { margin-top: 16px; } h3 + p, .heading-3 + p, h3 + .p, .heading-3 + .p { margin-top: 18px; } h4 + p, .heading-4 + p, h4 + .p, .heading-4 + .p { margin-top: 16px; } * + h1, * + .heading-1 { margin-top: 15px; } h3 + h1, h3 + .heading-1, .heading-3 + h1, .heading-3 + .heading-1 { margin-top: 5px; } h6 + h1, h6 + .heading-1, .heading-6 + h1, .heading-6 + .heading-1 { margin-top: 10px; } * + h4, * + .heading-4 { margin-top: 15px; } * + h5, * + .heading-5 { margin-top: 15px; } h6 + p, .heading-6 + p { margin-top: 22px; } p + h2, p + .heading-2 { margin-top: 15px; } p + p { margin-top: 14px; } img + p { margin-top: 15px; } h3 + p { font-size: 16px; } h3 + img { margin-top: 42px; } p + hr { margin-top: 35px; } * + .row { margin-top: 30px; } * + .big { margin-top: 20px; } * + .text-block { margin-top: 25px; } * + .button, * + .button-outer { margin-top: 25px; } * + .list-sm { margin-top: 25px; } * + form.form-inline { margin-top: 18px; } * + form.rd-form-small { margin-top: 25px; } html * + .offset-top-1 { margin-top: 40px; } html * + .offset-top-2 { margin-top: 50px; } html * + .offset-top-3 { margin-top: 20px; } html * + .offset-top-4 { margin-top: 18px; } html .page * + .offset-top-5 { margin-top: 40px; } h3 + .row, .heading-3 + .row, h3 + .owl-carousel, .heading-3 + .owl-carousel { margin-top: 35px; } .container + .container { margin-top: 35px; } .container + .section { margin-top: 25px; } .row + .row { margin-top: 35px; } .row + .button-lg { margin-top: 30px; } .list-sm + .group-xs { margin-top: 20px; } @media (min-width: 768px) { * + p, * + .list-inline-comma { margin-top: 20px; } * + .big { margin-top: 25px; } * + .button, * + .button-outer { margin-top: 34px; } * + .row { margin-top: 40px; } * + .text-block { margin-top: 30px; } .container + .section { margin-top: 30px; } .row + .button-lg { margin-top: 45px; } html * + .offset-top-2 { margin-top: 50px; } } @media (min-width: 992px) { * + h1, * + .heading-1 { margin-top: 22px; } h3 + p, .heading-3 + p, h3 + .p, .heading-3 + .p { margin-top: 24px; } h3 + .row, .heading-3 + .row, h3 + .owl-carousel, .heading-3 + .owl-carousel { margin-top: 55px; } html * + .offset-top-1 { margin-top: 60px; } html * + .offset-top-3 { margin-top: 30px; } html * + .offset-top-4 { margin-top: 24px; } html .page * + .offset-top-5 { margin-top: 60px; } .progress-linear + .button { margin-top: 55px; } .row + .group { margin-top: 45px; } } @media (min-width: 1200px) { * + .button, * + .button-outer { margin-top: 40px; } * + .rd-form { margin-top: 40px; } h3 + p, .heading-3 + p, h3 + .p, .heading-3 + .p { margin-top: 20px; } html * + .offset-top-1 { margin-top: 70px; } .container + .container { margin-top: 60px; } .row + .row { margin-top: 60px; } } @media (min-width: 1600px) { h3 + .row, .heading-3 + .row, h3 + .owl-carousel, .heading-3 + .owl-carousel { margin-top: 75px; } html * + .offset-top-1 { margin-top: 144px; } html * + .offset-top-2 { margin-top: 50px; } .row + .button-lg { margin-top: 70px; } } .row-0 { margin-bottom: 0px; } .row-0:empty { margin-bottom: 0; } .row-0 > * { margin-bottom: 0px; } .row-10 { margin-bottom: -10px; } .row-10:empty { margin-bottom: 0; } .row-10 > * { margin-bottom: 10px; } .row-x-10 { margin-bottom: -10px; margin-left: -5px; margin-right: -5px; } .row-x-10:empty { margin-bottom: 0; } .row-x-10 > * { margin-bottom: 10px; } .row-x-10 > [class*='col'] { padding-left: 5px; padding-right: 5px; } .row-20 { margin-bottom: -20px; } .row-20:empty { margin-bottom: 0; } .row-20 > * { margin-bottom: 20px; } .row-30 { margin-bottom: -30px; } .row-30:empty { margin-bottom: 0; } .row-30 > * { margin-bottom: 30px; } .row-50 { margin-bottom: -50px; } .row-50:empty { margin-bottom: 0; } .row-50 > * { margin-bottom: 50px; } .row-60 { margin-bottom: -50px; } .row-60:empty { margin-bottom: 0; } .row-60 > * { margin-bottom: 50px; } .row-45 { margin-bottom: -45px; } .row-45:empty { margin-bottom: 0; } .row-45 > * { margin-bottom: 45px; } @media (min-width: 768px) { .row-md-50 { margin-bottom: -50px; } .row-md-50:empty { margin-bottom: 0; } .row-md-50 > * { margin-bottom: 50px; } } @media (min-width: 992px) { .row-md-30 { margin-bottom: -30px; } .row-md-30:empty { margin-bottom: 0; } .row-md-30 > * { margin-bottom: 30px; } } @media (min-width: 1600px) { .row-xxl-70 { margin-bottom: -70px; } .row-xxl-70:empty { margin-bottom: 0; } .row-xxl-70 > * { margin-bottom: 70px; } } /*
*
* Sections
*/ .section-xs { padding: 30px 0; } .section-sm { padding: 35px 0; } .section-sm.section-first { padding-top: 65px; } .section-sm.section-last { padding-bottom: 80px; } .section-md, .section-lg, .section-xl { padding: 50px 0; } .section-1 { padding: 35px 0; } .section-collapse + .section-collapse { padding-top: 0; } .section-collapse:last-child { padding-bottom: 0; } html [class*='section-'].section-bottom-0 { padding-bottom: 0; } @media (min-width: 576px) { .section-xs { padding: 40px 0; } } @media (min-width: 768px) { .section-sm { padding: 45px 0; } .section-sm.section-first { padding-top: 90px; } .section-sm.section-last { padding-bottom: 90px; } .section-md { padding: 60px 0; } .section-lg { padding: 72px 0; } .section-lg.section-first { padding-top: 100px; } .section-lg.section-last { padding-bottom: 100px; } .section-xl { padding: 80px 0; } .section-1 { padding: 60px 0; } } @media (min-width: 992px) { .section-md { padding: 60px 0 70px; } .section-xl { padding: 100px 0; } .section-1 { padding: 80px 0; } } @media (min-width: 1200px) { .section-sm { padding: 60px 0; } .section-sm.section-first { padding-top: 80px; } .section-sm.section-last { padding-bottom: 80px; } } @media (min-width: 1600px) { .section-sm.section-first { padding-top: 120px; } .section-sm.section-last { padding-bottom: 120px; } .section-md { padding: 85px 0 95px; } .section-lg { padding: 120px 0; } .section-lg.section-first { padding-top: 120px; } .section-lg.section-last { padding-bottom: 120px; } .section-xl { padding: 160px 0; } .section-1 { padding: 90px 0 100px; } } .section-single { display: flex; } .section-single::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; background: rgba(21, 21, 21, 0.4); } .section-single * + .rd-mailform-wrap { margin-top: 35px; } .section-single * + .countdown-wrap { margin-top: 30px; } .section-single .countdown-wrap + * { margin-top: 35px; } .section-single-dummy { visibility: hidden; pointer-events: none; } .section-single-header { padding: calc(1em + 3vh) 0 calc(1em + 2vh); } .section-single-main { padding: calc(1em + 4vh) 0; } .section-single-footer { padding: calc(1em + 2vh) 0 calc(1em + 3vh); } .section-single-inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 100%; min-height: 100vh; padding-top: 6vh; } .section-single-inner > * { width: 100%; } @supports (display: grid) { .section-single-inner { display: grid; justify-items: center; align-content: space-between; grid-template-columns: 1fr; } } @media (max-width: 575.98px) { .section-single .section-single-main-content { max-width: 240px; margin-left: auto; margin-right: auto; } } @media (max-width: 767.98px) { .section-single .button-lg { font-size: 15px; padding-left: 25px; padding-right: 25px; } } @media (min-width: 768px) { .section-single::before { display: none; } .section-single-inner { padding-top: 7vh; } } @media (min-width: 1200px) { .section-single * + .countdown-wrap { margin-top: 50px; } .section-single .countdown-wrap + * { margin-top: 50px; } } .section-overlap { position: relative; padding: 40px 0; } .section-overlap .row { flex-wrap: nowrap; flex-direction: column; align-items: flex-end; } .section-overlap [class*='col'] { flex-basis: auto; } .section-overlap * + [class*='col'] { margin-top: 10px; } .section-overlap * + .col-offset-1 { margin-top: 20px; } .section-overlap-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; } .section-overlap-content { position: relative; z-index: 1; } @media (max-width: 767.98px) { .section-overlap-content .container { padding: 20px 15px; background: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8)); } .section-overlap-content .container > * { max-width: 380px; } } @media (max-width: 767.98px) and (min-width: 576px) { .section-overlap-content .container { padding: 40px 50px; } } @media (min-width: 768px) and (max-width: 991.98px) { .section-overlap-image::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; background: linear-gradient(to left, rgba(245, 246, 250, 0.4), rgba(245, 246, 250, 0)); } } @media (min-width: 768px) { .section-overlap { padding: 75px 0; } .section-overlap * + [class*='col'] { margin-top: 20px; } .section-overlap * + .col-offset-1 { margin-top: 40px; } .section-overlap-image { background-position: 80% 50%; width: calc(50% - 60px + 35px); } } @media (min-width: 992px) { .section-overlap { padding: 100px 0; } .section-overlap-image { width: calc(50% - -80Line truncated
*
* Grid modules
*/ .range { display: flex; flex-wrap: wrap; } .cell-inner { width: 100%; padding-right: 15px; padding-left: 15px; } .range > [class*='cell'] { position: relative; width: 100%; min-height: 1px; } .range > [class*='cell'] > .row { margin: 0; } .range > [class*='cell'].container { padding: 0; } .range > [class*='col'] { padding: 0; } @media (min-width: 576px) { .cell-sm-6 { flex: 0 0 50%; max-width: 50%; } .cell-sm-6 .cell-inner { max-width: 270px; } .range > [class*='cell-sm']:nth-child(odd) .cell-inner { margin-left: auto; } .range.flex-sm-row-reverse > [class*='cell-sm']:nth-child(odd) .cell-inner { margin-left: 0; } .range.flex-sm-row-reverse > [class*='cell-sm']:nth-child(even) .cell-inner { margin-left: auto; } .range > [class*='cell-sm'].container { margin: 0; } } @media (min-width: 768px) { .range > [class*='cell-md']:nth-child(odd) .cell-inner { margin-left: auto; } .range.flex-md-row-reverse > [class*='cell-md']:nth-child(odd) .cell-inner { margin-left: 0; } .range.flex-md-row-reverse > [class*='cell-md']:nth-child(even) .cell-inner { margin-left: auto; } .range > [class*='cell-md'].container { margin: 0; } } @media (min-width: 992px) { [class*='cell-lg'] > .row > [class*='col'] { flex-basis: 100%; } .cell-lg-5 { flex: 0 0 calc(50% - 80px); max-width: calc(50% - 80px); } .cell-lg-5 .cell-inner { max-width: 400px; } .cell-lg-6 { flex: 0 0 50%; max-width: 50%; } .cell-lg-6 .cell-inner { max-width: 480px; } .range > [class*='cell-lg']:nth-child(odd) .cell-inner { margin-left: auto; } .range.flex-lg-row-reverse > [class*='cell-lg']:nth-child(odd) .cell-inner { margin-left: 0; } .range.flex-lg-row-reverse > [class*='cell-lg']:nth-child(even) .cell-inner { margin-left: auto; } .range > [class*='cell-lg'].container { margin: 0; } } @media (min-width: 1200px) { .range > [class*='cell-xl'].container { margin: 0; } .range > [class*='cell-xl']:nth-child(odd) .cell-inner { margin-left: auto; } .range .cell-inner { flex-basis: 100%; } .cell-xl-7 { flex: 0 0 calc(50% - -100px); max-width: calc(50% - -100px); } .cell-xl-7 .cell-inner { max-width: 700px; } .cell-lg-6, .cell-xl-6 { flex: 0 0 50%; max-width: 50%; } .cell-lg-6 .cell-inner, .cell-xl-6 .cell-inner { max-width: 600px; } .cell-xl-5 { flex: 0 0 calc(50% - 100px); max-width: calc(50% - 100px); } .cell-xl-5 .cell-inner { max-width: 500px; } .cell-xl-4 { flex: 0 0 calc(50% - 200px); max-width: calc(50% - 200px); } .cell-xl-4 .cell-inner { max-width: 400px; } } @media (min-width: 1600px) { .cell-xxl-6 { flex: 0 0 50%; max-width: 50%; } .cell-xxl-6 .cell-inner { max-width: 600px; } } /*
*
* Backgrounds
*/ .context-dark, .bg-gray-700, .bg-gray-800, .bg-primary, .bg-primary-darker, .context-dark h1, .bg-gray-700 h1, .bg-gray-800 h1, .bg-primary h1, .bg-primary-darker h1, .context-dark h2, .bg-gray-700 h2, .bg-gray-800 h2, .bg-primary h2, .bg-primary-darker h2, .context-dark h3, .bg-gray-700 h3, .bg-gray-800 h3, .bg-primary h3, .bg-primary-darker h3, .context-dark h4, .bg-gray-700 h4, .bg-gray-800 h4, .bg-primary h4, .bg-primary-darker h4, .context-dark h5, .bg-gray-700 h5, .bg-gray-800 h5, .bg-primary h5, .bg-primary-darker h5, .context-dark h6, .bg-gray-700 h6, .bg-gray-800 h6, .bg-primary h6, .bg-primary-darker h6, .context-dark [class^='heading-'], .bg-gray-700 [class^='heading-'], .bg-gray-800 [class^='heading-'], .bg-primary [class^='heading-'], .bg-primary-darker [class^='heading-'] { color: #fff; } .context-dark p a, .bg-gray-700 p a, .bg-gray-800 p a, .bg-primary p a, .bg-primary-darker p a { color: inherit; } .context-dark .big, .bg-gray-700 .big, .bg-gray-800 .big, .bg-primary .big, .bg-primary-darker .big { color: #fff; } .context-dark .brand .brand-logo-dark, .bg-gray-700 .brand .brand-logo-dark, .bg-gray-800 .brand .brand-logo-dark, .bg-primary .brand .brand-logo-dark, .bg-primary-darker .brand .brand-logo-dark { display: none; } .context-dark .brand .brand-logo-light, .bg-gray-700 .brand .brand-logo-light, .bg-gray-800 .brand .brand-logo-light, .bg-primary .brand .brand-logo-light, .bg-primary-darker .brand .brand-logo-light { display: block; } .context-dark .button-primary:hover, .bg-gray-700 .button-primary:hover, .bg-gray-800 .button-primary:hover, .bg-primary .button-primary:hover, .bg-primary-darker .button-primary:hover { background: #4854ed; border-color: #4854ed; } /**
* Light Backgrounds
*/ .bg-gray-100 { background-color: #f5f6fa; } /**
* Dark Backgrounds
*/ .bg-gray-700 { color: #aeb1be; background-color: #232426; } .bg-gray-700 a { color: inherit; } .bg-gray-700 a:hover { color: #fff; } .bg-gray-700 p a:hover { color: #fff; } .bg-gray-800 { background-color: #151515; } /**
* Accent Backgrounds
*/ .bg-primary { background-color: #0045b6; } .bg-primary-darker { background-color: #29293a; } /**
* Background Image
*/ [class*='bg-'] { background-size: cover; background-position: center center; } @media (max-width: 1199.98px) { .bg-image-light { position: relative; } .bg-image-light::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.1); } } .bg-image-1 { position: relative; background-position: 30% 100%; } .bg-image-1::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #495057; opacity: .6; } .bg-image-1 > * { position: relative; z-index: 1; } @media (min-width: 576px) { .bg-image-1 { background-position: 72% 100%; } .bg-image-1::before { opacity: .2; } } @media (min-width: 768px) { .bg-image-1 { background-position: 54% 100%; } .bg-image-1::before { display: none; } } @media (min-width: 992px) { html:not(.tablet):not(.mobile) .bg-fixed { background-attachment: fixed; } } .primary-overlay { position: relative; } .primary-overlay:before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(21, 21, 21, 0.45); pointer-events: none; z-index: 1; display: block; } /*
*
* Utilities custom
*/ .height-fill { position: relative; display: flex; flex-direction: column; align-items: stretch; } .height-fill > * { flex-grow: 1; flex-shrink: 0; } .object-inline { white-space: nowrap; } .object-inline > * { display: inline-block; min-width: 20px; vertical-align: top; white-space: normal; } .object-inline.wow span { display: inline-block; } .object-inline > * + * { margin-left: 11px; } .wow-outer .object-inline span { display: inline-block; } .oh { position: relative; overflow: hidden; } .text-decoration-lines { position: relative; overflow: hidden; width: 100%; text-align: center; } .text-decoration-lines-content { position: relative; display: inline-block; padding: 0 20px; } .text-decoration-lines-content::before, .text-decoration-lines-content::after { content: ''; position: absolute; height: 1px; background: #aeb1be; top: 50%; width: 100vw; } .text-decoration-lines-content::before { left: 0; transform: translate3d(-100%, 0, 0); } .text-decoration-lines-content::after { right: 0; transform: translate3d(100%, 0, 0); } * + .text-decoration-lines { margin-top: 30px; } .text-block > * { margin-left: .125em; margin-right: .125em; } @media (min-width: 992px) { .offset-right-1 { margin-right: 40px; } } .banner { background-position: center center; background-size: cover; } .phone-frame { max-width: 296px; padding: 0 5px; margin-left: auto; margin-right: auto; box-shadow: -46.037px 40.02px 21px 0px rgba(0, 0, 0, 0.02); } @media (max-width: 767.98px) { .phone-frame { display: none; } } .tip-mark { display: inline-flex; align-items: center; justify-content: center; width: 2em; height: 2em; padding-left: 2px; margin-bottom: 5px; font-size: 12px; line-height: 2em; vertical-align: middle; text-align: center; border-radius: 50%; border: 1px solid #e8e9ee; color: #0045b6; } /*
*
* Insets
*/ @media (min-width: 576px) { .inset-left-1 { padding-left: 10px; } } @media (min-width: 768px) { .inset-left-1 { padding-left: 30px; } } @media (min-width: 992px) { .inset-left-1 { padding-left: 0; } } @media (min-width: 992px) and (max-width: 1199.98px) { .inset-left-2 { padding-left: 30px; } } @media (min-width: 576px) { .inset-right-1 { padding-right: 20px; } } @media (min-width: 768px) { .inset-right-1 { padding-right: 30px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .inset-right-1 { padding-right: 0; } } @media (min-width: 992px) { .inset-right-2 { padding-right: 30px; } } @media (min-width: 1200px) { .inset-right-2 { padding-right: 0; } } @media (min-width: 992px) { .inset-right-3 { padding-left: 5px; } } @media (min-width: 1200px) { .inset-right-3 { padding-right: 0; } } /*
*
* Animate.css
*/ .animated { animation-duration: 1s; animation-fill-mode: both; opacity: 1; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } html:not(.lt-ie10) .not-animated { opacity: 0; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 100%, 0); } 100% { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -100%, 0); } 100% { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes slideInDown { 0% { transform: translate3d(0, -100%, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInUp { 0% { transform: translate3d(0, 100%, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideInLeft { 0% { transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideOutDown { 0% { transform: translate3d(0, 0, 0); } 100% { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes scaleInY { 0% { top: 0; bottom: 100%; } 50% { transform: scale3d(1, 1, 1); } 100% { top: 100%; bottom: auto; transform: scale3d(1, 0, 1); } } @keyframes scaleFadeIn { 0% { height: 0; } 100% { height: 100%; } } .scaleFadeIn { display: flex; overflow: hidden; animation-name: scaleFadeIn; animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } .scaleFadeInWrap { display: flex; align-items: stretch; } .wow-outer { position: relative; overflow: hidden; } @keyframes scaleInVertical { 0% { transform: scale3d(1, 0, 1); } 100% { transform: scale3d(1, 1, 1); } } .scaleInVertical { animation-name: scaleInVertical; } @keyframes fadeInLeftSmall { 0% { opacity: 0; transform: translate3d(-20px, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInLeftSmall { animation-name: fadeInLeftSmall; } @keyframes fadeInUpSmall { 0% { opacity: 0; transform: translate3d(0, 20px, 0); } 100% { opacity: 1; transform: none; } } .fadeInUpSmall { animation-name: fadeInUpSmall; } @keyframes fadeSlideInDown { 0% { opacity: 0; transform: translate3d(0, -50%, 0); visibility: visible; } 10% { opacity: 1; } 100% { transform: translate3d(0, 0, 0); } } .fadeSlideInDown { animation-name: fadeSlideInDown; } @keyframes fadeSlideInUp { 0% { opacity: 0; transform: translate3d(0, 50%, 0); visibility: visible; } 10% { opacity: 1; } 100% { transform: translate3d(0, 0, 0); } } .fadeSlideInUp { animation-name: fadeSlideInUp; } .wow { backface-visibility: hidden; } /*
*
* Preloader
*/ .preloader { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 10000; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; transition: .3s all ease; pointer-events: none; backface-visibility: hidden; } .preloader::before, .preloader::after { content: ''; position: absolute; left: 0; right: 0; transition: .2s linear; transform: translateY(0); pointer-events: none; } .preloader::before { top: 0; bottom: 50%; background: #fff; } .preloader::after { top: 50%; bottom: 0; background: #f5f6fa; } .preloader.loaded::before, .preloader.loaded::after { transition: .4s linear; } .preloader.loaded::before { transform: translateY(-100%); } .preloader.loaded::after { transform: translateY(100%); } .preloader.loaded .preloader-logo, .preloader.loaded .preloader-body { opacity: 0; visibility: hidden; transition: 0s; } .preloader-logo, .preloader-body { transition: 0s .2s; } .preloader-logo { position: relative; z-index: 10; transform: translate3d(0, -50%, 0); padding: 40px; } .preloader-body { position: absolute; top: 50%; transform: translate3d(0, -50%, 0); left: 0; right: 0; z-index: 10; text-align: center; } #loadingProgressG { width: 100vw; height: 5px; overflow: hidden; background: #e8e9ee; border-radius: 6px; margin: auto; } .loadingProgressG { background: #0045b6; margin-top: 0; margin-left: -100vw; animation-name: bounce_loadingProgressG; animation-duration: 2.5s; animation-iteration-count: infinite; animation-timing-function: linear; width: 100vw; height: 5px; transition: .5s; } @keyframes bounce_loadingProgressG { 0% { margin-left: -100vw; } 100% { margin-left: 100vw; } } /*
*
* ToTop
*/ .ui-to-top { position: fixed; right: 15px; bottom: 15px; z-index: 100; width: 48px; height: 48px; border-radius: 6px; color: #fff; background: #0045b6; overflow: hidden; text-align: center; text-decoration: none; transition: transform 0.45s ease-in-out, background 0.3s cubic-bezier(0.2, 1, 0.3, 1); transform: translate3d(0, 100px, 0); } .ui-to-top::before, .ui-to-top::after { content: '\f239'; font-family: 'Material Design Icons'; font-size: 20px; line-height: 48px; vertical-align: middle; transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1); } .ui-to-top::before { display: block; } .ui-to-top::after { position: absolute; width: 100%; top: 50%; left: 0; opacity: 0; transform: translate3d(0, 0, 0); } .ui-to-top:hover::before { opacity: 0; transform: translate3d(0, -30%, 0); } .ui-to-top:hover::after { opacity: 1; transform: translate3d(0, 0, 0) translateY(-50%); } .ui-to-top:hover { color: #fff; background: #4854ed; text-decoration: none; } .ui-to-top:focus { color: #fff; } .ui-to-top.active { transform: translate3d(0, 0, 0); } html.mobile .ui-to-top, html.tablet .ui-to-top { display: none !important; } @media (min-width: 576px) { .ui-to-top { right: 40px; bottom: 40px; } } /*
*
* RD Navbar
*/ @keyframes rd-navbar-slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes rd-navbar-slide-up { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } .rd-navbar-wrap, .rd-navbar, .rd-menu, .rd-navbar-nav, .rd-navbar-panel, .rd-navbar-static .rd-menu, .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-fixed .rd-navbar-submenu { transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); } .rd-navbar--no-transition, .rd-navbar--no-transition * { transition: none !important; } .rd-navbar, .rd-navbar.rd-navbar--is-clone { display: none; } .rd-navbar.rd-navbar-fixed + .rd-navbar.rd-navbar--is-clone, .rd-navbar.rd-navbar-sidebar + .rd-navbar.rd-navbar--is-clone { display: none; } .rd-navbar { display: none; background: #fff; } .rd-navbar-outer { position: relative; z-index: 1080; } .rd-nav-link { font: 400 14px/20px "Poppins", sans-serif; letter-spacing: .08em; text-transform: uppercase; } .rd-navbar-toggle { display: inline-block; position: relative; width: 40px; height: 40px; line-height: 40px; cursor: pointer; color: #495057; background-color: transparent; border: none; display: none; } .rd-navbar-toggle span { position: relative; display: block; margin: auto; transition: .3s all ease; } .rd-navbar-toggle span::after, .rd-navbar-toggle span::before { content: ""; position: absolute; left: 0; top: -6px; transition: .3s all ease; } .rd-navbar-toggle span::after { top: 5px; } .rd-navbar-toggle span::after, .rd-navbar-toggle span::before, .rd-navbar-toggle span { width: 24px; height: 2px; background-color: #495057; backface-visibility: hidden; border-radius: 5; } .rd-navbar-toggle.active span { background: transparent; transition: .01s; } .rd-navbar-toggle.active span::before, .rd-navbar-toggle.active span::after { transform-origin: 50% 50%; top: 0; } .rd-navbar-toggle.active span::before { transform: rotate(45deg); } .rd-navbar-toggle.active span::after { transform: rotate(-45deg); } .rd-navbar-collapse-toggle { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; display: inline-block; position: relative; width: 40px; height: 40px; line-height: 40px; cursor: pointer; color: #495057; display: none; } .rd-navbar-collapse-toggle::-moz-focus-inner { border: none; padding: 0; } .rd-navbar-collapse-toggle span { top: 50%; margin-top: -2.5px; } .rd-navbar-collapse-toggle span, .rd-navbar-collapse-toggle span::before, .rd-navbar-collapse-toggle span::after { position: absolute; width: 5px; height: 5px; line-height: 5px; text-align: center; background: #495057; left: 50%; margin-left: -2.5px; border-radius: 50%; transition: .3s all ease; } .rd-navbar-collapse-toggle span::before, .rd-navbar-collapse-toggle span::after { content: ''; } .rd-navbar-collapse-toggle span::before { bottom: 100%; margin-bottom: 2.5px; } .rd-navbar-collapse-toggle span::after { top: 100%; margin-top: 2.5px; } .rd-navbar-collapse-toggle.active span { transform: scale(0.7); } .rd-navbar-collapse-toggle.active span::before { transform: translateY(15px); } .rd-navbar-collapse-toggle.active span::after { transform: translateY(-15px); } .rd-navbar-brand a { display: block; } .rd-navbar-search { position: relative; display: inline-flex; } .rd-navbar-search .form-input { padding-right: 50px; } .rd-navbar-search .rd-search-form-submit { position: absolute; top: 0; bottom: 0; right: 0; width: 50px; padding: 0; margin: 0; border: none; cursor: pointer; background-color: transparent; font-size: 20px; color: #aeb1be; transition: .33s; } .rd-navbar-search .rd-search-form-submit:hover { color: #0045b6; } .rd-navbar-search .rd-search-results-live { pointer-events: none; } .rd-navbar-search .rd-search-results-live > * { pointer-events: auto; } .rd-navbar-search-toggle { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; } .rd-navbar-search-toggle::-moz-focus-inner { border: none; padding: 0; } .rd-navbar-dropdown { display: none; } .rd-navbar-popup { position: absolute; padding: 15px 25px 20px 20px; width: calc(100vw - 10px); border-radius: 6px; opacity: 0; visibility: hidden; transition: .2s; overflow: hidden; background-color: #495057; } .rd-navbar-popup::before { content: ''; position: absolute; right: 0; left: 0; top: 0; bottom: 0; z-index: -1; transform: scale3d(1, 0.1, 1); transform-origin: 50% 0; background: #495057; border-radius: inherit; transition: .5s; } .rd-navbar-popup > * { position: relative; z-index: 1; opacity: 0; visibility: hidden; transition: .5s; transform-origin: 50% 0; transform: scale3d(1, 0.9, 1); } .rd-navbar-popup.active { opacity: 1; visibility: visible; } .rd-navbar-popup.active > * { opacity: Line truncated
* @subsection RD Navbar Static
*/ .rd-navbar-static { display: block; position: relative; } .rd-navbar-static .rd-nav-item { display: inline-block; } .rd-navbar-static .rd-nav-item.focus .rd-nav-link, .rd-navbar-static .rd-nav-item.opened .rd-nav-link { color: rgba(255, 255, 255, 0.5); background: transparent; } .rd-navbar-static .rd-nav-item.focus > .rd-navbar-submenu-toggle, .rd-navbar-static .rd-nav-item.opened > .rd-navbar-submenu-toggle { color: #fff; } .rd-navbar-static .rd-nav-item.active .rd-nav-link { color: rgba(255, 255, 255, 0.5); background: transparent; } .rd-navbar-static .rd-nav-item.active > .rd-navbar-submenu-toggle { color: #fff; } .rd-navbar-static .rd-nav-item.focus > .rd-navbar-submenu-toggle::before, .rd-navbar-static .rd-nav-item.opened > .rd-navbar-submenu-toggle::before, .rd-navbar-static .rd-nav-item .rd-nav-link:hover + .rd-navbar-submenu-toggle::before { transform: rotate(180deg); color: rgba(255, 255, 255, 0.5); } .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle { margin-left: 4px; font-family: "Material Design Icons"; font-size: 16px; cursor: pointer; color: #fff; } .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle::before { position: relative; display: inline-block; transition: .22s; content: '\f236'; } .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle:hover { color: rgba(255, 255, 255, 0.4); } .rd-navbar-static .rd-nav-item > .rd-navbar-submenu { margin-top: 20px; } .rd-navbar-static .rd-nav-item + .rd-nav-item { margin-left: 35px; } .rd-navbar-static .rd-nav-link { position: relative; display: inline-block; color: #fff; transition: .25s; padding-bottom: 2px; } .rd-navbar-static .rd-nav-link:hover { color: rgba(255, 255, 255, 0.4); } .rd-navbar-static .rd-menu { position: absolute; z-index: 15; display: block; padding: 16px 27px; margin-top: 22px; margin-left: -27px; visibility: hidden; opacity: 0; text-align: left; box-shadow: 0 5px 10px 1px rgba(20, 20, 28, 0.3); border-radius: 6px; transform: translate3d(0, 30px, 0); } .rd-navbar-static .rd-dropdown-item + .rd-dropdown-item, .rd-navbar-static .rd-megamenu-list-item + .rd-megamenu-list-item { margin-top: 7px; } .rd-navbar-static .rd-navbar-dropdown { position: absolute; left: 0; width: 290px; background: #232426; z-index: 5; } .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown { top: -1px; left: 100%; z-index: 2; margin-top: -15px; margin-left: 15px; transform: translate3d(30px, 0, 0); } .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown.rd-navbar-open-left { left: auto; right: 100%; margin-left: 0; margin-right: 15px; transform: translate3d(-30px, 0, 0); } .rd-navbar-static .rd-dropdown-item.focus .rd-dropdown-link, .rd-navbar-static .rd-dropdown-item.opened .rd-dropdown-link { color: #fff; } .rd-navbar-static .rd-dropdown-link { color: #aeb1be; } .rd-navbar-static .rd-dropdown-link:hover { color: #fff; } .rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-megamenu-list li > a { position: relative; left: -13px; display: flex; padding: 4px 18px 4px 0; text-align: left; } .rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-navbar-dropdown li > a:focus, .rd-navbar-static .rd-navbar-dropdown li > a:active, .rd-navbar-static .rd-megamenu-list li > a, .rd-navbar-static .rd-megamenu-list li > a:focus, .rd-navbar-static .rd-megamenu-list li > a:active { color: #aeb1be; } .rd-navbar-static .rd-navbar-dropdown li > a:hover, .rd-navbar-static .rd-megamenu-list li > a:hover { color: #fff; } .rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-navbar-dropdown li > a::before, .rd-navbar-static .rd-megamenu-list li > a, .rd-navbar-static .rd-megamenu-list li > a::before { transition: all .2s ease-in-out; } .rd-navbar-static .rd-navbar-dropdown li > a::before, .rd-navbar-static .rd-megamenu-list li > a::before { position: relative; top: -1px; left: -6px; display: inline-block; content: '\f238'; font-family: 'Material Design Icons'; font-size: inherit; line-height: inherit; color: #fff; opacity: 0; visibility: hidden; } .rd-navbar-static .rd-navbar-dropdown li.focus > a, .rd-navbar-static .rd-navbar-dropdown li.opened > a, .rd-navbar-static .rd-navbar-dropdown li > a:hover, .rd-navbar-static .rd-megamenu-list li.focus > a, .rd-navbar-static .rd-megamenu-list li.opened > a, .rd-navbar-static .rd-megamenu-list li > a:hover { left: -13px; padding-left: 18px; padding-right: 0; } .rd-navbar-static .rd-navbar-dropdown li.focus > a::before, .rd-navbar-static .rd-navbar-dropdown li.opened > a::before, .rd-navbar-static .rd-navbar-dropdown li > a:hover::before, .rd-navbar-static .rd-megamenu-list li.focus > a::before, .rd-navbar-static .rd-megamenu-list li.opened > a::before, .rd-navbar-static .rd-megamenu-list li > a:hover::before { left: -7px; opacity: 1; visibility: visible; } .rd-navbar-static .rd-navbar-megamenu { display: flex; left: 0; overflow: hidden; max-width: 7Line truncated
*
* RD Navbar Fixed
*/ .rd-navbar-fixed { display: block; width: 100%; } .rd-navbar-fixed .rd-navbar-toggle { display: inline-block; } .rd-navbar-fixed .rd-navbar-brand { position: relative; top: -2px; margin-left: 12px; font-size: 0; line-height: 0; text-align: left; } .rd-navbar-fixed .rd-navbar-brand img { max-width: 160px; max-height: 58px; width: auto; height: auto; } .rd-navbar-fixed .rd-navbar-panel { position: fixed; left: 0; top: 0; right: 0; z-index: 1080; display: flex; align-items: center; height: 56px; padding: 8px; } .rd-navbar-fixed .rd-navbar-nav-wrap { position: fixed; left: 0; top: -56px; bottom: -56px; z-index: 1079; width: 270px; padding: 112px 0 81px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; font-size: 14px; line-height: 34px; transform: translateX(-110%); } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar { width: 4px; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb { background: #1d73ff; border: none; border-radius: 0; opacity: .2; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track { background: #0045b6; border: none; border-radius: 0; } .rd-navbar-fixed .rd-navbar-nav-wrap.active { transform: translateX(0); } .rd-navbar-fixed .rd-navbar-nav { display: block; margin: 15px 0; height: auto; text-align: left; } .rd-navbar-fixed .rd-nav-item { text-align: left; } .rd-navbar-fixed .rd-nav-item + .rd-nav-item { margin-top: 4px; } .rd-navbar-fixed .rd-nav-link { display: block; padding: 14px 56px 14px 18px; } .rd-navbar-fixed li.opened > .rd-navbar-dropdown { padding: 4px 0 0; } .rd-navbar-fixed li.opened > .rd-navbar-megamenu { padding-top: 15px; padding-bottom: 15px; } .rd-navbar-fixed li.opened > .rd-menu { opacity: 1; height: auto; } .rd-navbar-fixed li.opened > .rd-navbar-submenu-toggle::after { transform: rotate(180deg); } .rd-navbar-fixed .rd-menu { display: none; transition: opacity 0.3s, height 0.4s ease; opacity: 0; height: 0; overflow: hidden; } .rd-navbar-fixed .rd-navbar-submenu { position: relative; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown .rd-navbar-submenu-toggle:after { height: 34px; line-height: 34px; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown > li > a { padding-left: 30px; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li > a, .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li > a { padding-left: 46px; } .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu { display: block; } .rd-navbar-fixed .rd-megamenu-list > li > a, .rd-navbar-fixed .rd-navbar-dropdown > li > a { display: block; padding: 9px 56px 9px 16px; font-size: 14px; line-height: 1.5; } .rd-navbar-fixed .rd-megamenu-list > li + li, .rd-navbar-fixed .rd-navbar-dropdown > li + li { margin-top: 3px; } .rd-navbar-fixed .rd-megamenu-list > li > a { padding-left: 30px; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title { position: relative; display: block; padding: 0 18px 7px; font-size: 16px; line-height: 1.5; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title::after { content: ''; position: absolute; left: 20px; right: 20px; bottom: 0; border-bottom: 1px solid; } .rd-navbar-fixed .rd-navbar-megamenu * + .rd-megamenu-list { margin-top: 11px; } .rd-navbar-fixed .rd-navbar-megamenu * + .rd-megamenu-title { margin-top: 20px; } .rd-navbar-fixed .rd-navbar-megamenu > li + li { margin-top: 20px; } .rd-navbar-fixed .rd-navbar-submenu-toggle { cursor: pointer; } .rd-navbar-fixed .rd-navbar-submenu-toggle::after { content: '\f107'; position: absolute; top: 0; right: 0; width: 56px; height: 48px; font: 400 14px "FontAwesome"; line-height: 48px; text-align: center; transition: 0.4s all ease; z-index: 2; cursor: pointer; } .rd-navbar-fixed .rd-navbar-collapse-toggle { display: block; top: 8px; z-index: 1081; } .rd-navbar-fixed .rd-navbar-collapse-content { position: fixed; right: 0; top: 56px; z-index: 1079; transform: translate3d(0, -10px, 0); padding: 30px; width: auto; border-radius: 0 0 0 6px; text-align: left; font-size: 14px; opacity: 0; visibility: hidden; transition: .3s; } .rd-navbar-fixed .rd-navbar-collapse-content.active { transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; } .rd-navbar-fixed .rd-navbar-collapse-content > * + * { margin-top: 25px; } .rd-navbar-fixed .rd-navbar-main-outer, .rd-navbar-fixed .rd-navbar-main-element { position: absolute; float: left; width: 100%; } .rd-navbar-fixed .rd-navbar-search .rd-search { position: fixed; right: 0; left: 0; top: 56px; z-index: 1079; width: 100%; opacity: 0; visibility: hidden; transition: .3s; transform: translate3d(0, -100%, 0); } .rd-navbar-fixed .rd-navbar-search .rd-search-results-live { display: none; } .rd-navbar-fixed .rd-navbar-search .form-input { padding-right: 60px; } Line truncated
*
* RD Navbar Sidebar
*/ .rd-navbar-sidebar { display: block; background: #fff; } .rd-navbar-sidebar .rd-navbar-main-outer { padding-left: 15px; padding-right: 15px; } .rd-navbar-sidebar .rd-navbar-main { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 22px 60px 22px 0; max-width: 1200px; margin-left: auto; margin-right: auto; transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .rd-navbar-sidebar .rd-navbar-main-element { display: flex; align-items: center; } .rd-navbar-sidebar .rd-navbar-main-element > * + * { margin-left: 20px; } .rd-navbar-sidebar .rd-navbar-toggle { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; z-index: 1102; } .rd-navbar-sidebar .rd-navbar-panel { min-width: 200px; text-align: center; } .rd-navbar-sidebar .rd-navbar-brand img { width: auto; height: auto; max-width: 200px; max-height: 200px; } .rd-navbar-sidebar .rd-navbar-nav-wrap { position: fixed; top: 0; bottom: 0; right: 0; z-index: 1101; width: 450px; padding: 94px 0 0 0; background: #fff; transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); transform: translateX(100%); box-shadow: 0 0 13px 0 rgba(174, 177, 190, 0.16); } .rd-navbar-sidebar .rd-navbar-nav-wrap.active { transition-delay: .1s; transform: translateX(0); } .rd-navbar-sidebar .rd-navbar-nav { height: calc(100vh - 100px); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; border-top: 1px solid #e8e9ee; } .rd-navbar-sidebar .rd-nav-item { position: relative; display: block; padding: 19px 30px 19px 40px; } .rd-navbar-sidebar .rd-nav-item.active .rd-nav-link { color: #0045b6; } .rd-navbar-sidebar .rd-nav-item .rd-nav-link, .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle { font-size: 18px; } .rd-navbar-sidebar .rd-nav-item + .rd-nav-item { border-top: 1px solid #e8e9ee; } .rd-navbar-sidebar .rd-nav-item:last-child { border-bottom: 1px solid #e8e9ee; margin-bottom: 30px; } .rd-navbar-sidebar .rd-nav-link { max-width: calc(100% - 30px); word-break: break-all; font-size: 18px; line-height: 1.4; text-transform: none; color: #aeb1be; } .rd-navbar-sidebar .rd-nav-link:hover { color: #0045b6; } .rd-navbar-sidebar .rd-navbar-submenu .opened > .rd-navbar-submenu-toggle::after { transform: rotate(180deg); } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-megamenu { display: none; opacity: 0; visibility: hidden; will-change: opacity, visibility; transition: opacity .2s; } .rd-navbar-sidebar .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu.opened > .rd-navbar-megamenu { display: block; opacity: 1; visibility: visible; } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu > .rd-navbar-megamenu { transform: translateY(30px); } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu.opened > .rd-navbar-megamenu { transform: translateY(0); } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu .rd-navbar-submenu > .rd-navbar-dropdown { transform: translateX(-20px); } .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu .rd-navbar-submenu.opened > .rd-navbar-dropdown { transform: translateX(0); } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle { position: absolute; top: 0; right: 0; padding-top: inherit; padding-right: inherit; padding-left: 10px; margin-bottom: inherit; display: inline-block; width: 30px; margin-left: 5px; text-align: center; cursor: pointer; color: #495057; } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle:hover, .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle:hover { color: #0045b6; } .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle::after, .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle::after { content: '\f107'; position: relative; display: inline-block; font-family: "FontAwesome"; font-size: inherit; line-height: inherit; text-align: center; vertical-align: middle; transition: 0.4s all ease; z-index: 2; will-change: transform; } .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle { font-size: 14px; color: #aeb1be; margin-left: 7px; } .rd-navbar-sidebar .rd-menu { margin-top: 31px; } .rd-navbar-sidebar .rd-navbar-dropdown, .rd-navbar-sidebar .rd-megamenu-list { font-size: 14px; } .rd-navbar-sidebar .rd-navbar-dropdown li > a, .rd-navbar-sidebar .rd-megamenu-list li > a { position: relative; left: -13px; display: flex; padding: 4px 18px 4px 0; text-align: left; } .rd-navbar-sidebar .rd-navbar-dropdown li > a, .rd-navbar-sidebar .Line truncated
*
* RD Navbar Minimal
*
*/ .rd-navbar-minimal.rd-navbar-static { border-bottom: 1px solid transparent; } .rd-navbar-minimal.rd-navbar-static .rd-navbar-main-outer { padding-left: 15px; padding-right: 15px; } .rd-navbar-minimal.rd-navbar-static .rd-navbar-main { position: relative; display: flex; align-items: center; justify-content: space-between; max-width: 1170px; padding: 20px 0; margin-left: auto; margin-right: auto; } .rd-navbar-minimal.rd-navbar-static .rd-navbar-main-element { position: relative; display: flex; align-items: center; justify-content: space-between; min-width: 690px; } .rd-navbar-minimal.rd-navbar-static .rd-navbar-brand img { width: auto; height: auto; max-width: 200px; max-height: 200px; } .rd-navbar-minimal.rd-navbar-static .rd-navbar-megamenu { margin-top: 24px; width: calc(100% + 27px + 15px); } .rd-navbar-minimal.rd-navbar-static .rd-navbar-search-toggle span { font-size: 20px; } @media (min-width: 1200px) { .rd-navbar-minimal.rd-navbar-static .rd-navbar-main { padding: 30px 0; } .rd-navbar-minimal.rd-navbar-static .rd-menu { margin-top: 34px; } } .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-clone { border-bottom-color: #e8e9ee; } .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main { padding: 20px 0; } .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck .rd-menu, .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-clone .rd-menu { margin-top: 24px; } .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav-item > .rd-navbar-submenu, .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav-item > .rd-navbar-submenu { margin-top: 17px; } .rd-navbar-minimal.rd-navbar-fixed .rd-navbar-search-toggle { position: fixed; right: 10px; top: 5px; } .rd-navbar-minimal.rd-navbar-fixed .rd-navbar-search .form-input { border-width: 1px 0 1px 0; border-radius: 0; } .rd-navbar-minimal-wide.rd-navbar-static .rd-navbar-main { padding: 54px 0; } .rd-navbar-minimal-wide.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main { padding: 21px 0; } .context-dark .rd-navbar-minimal .rd-nav-link, .bg-gray-700 .rd-navbar-minimal .rd-nav-link, .bg-gray-800 .rd-navbar-minimal .rd-nav-link, .bg-primary .rd-navbar-minimal .rd-nav-link, .bg-primary-darker .rd-navbar-minimal .rd-nav-link, .context-dark .rd-navbar-minimal .rd-navbar-submenu-toggle, .bg-gray-700 .rd-navbar-minimal .rd-navbar-submenu-toggle, .bg-gray-800 .rd-navbar-minimal .rd-navbar-submenu-toggle, .bg-primary .rd-navbar-minimal .rd-navbar-submenu-toggle, .bg-primary-darker .rd-navbar-minimal .rd-navbar-submenu-toggle, .context-dark .rd-navbar-minimal .rd-navbar-search-toggle, .bg-gray-700 .rd-navbar-minimal .rd-navbar-search-toggle, .bg-gray-800 .rd-navbar-minimal .rd-navbar-search-toggle, .bg-primary .rd-navbar-minimal .rd-navbar-search-toggle, .bg-primary-darker .rd-navbar-minimal .rd-navbar-search-toggle { color: #fff; } .context-dark .rd-navbar-minimal.rd-navbar-static, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static, .bg-primary .rd-navbar-minimal.rd-navbar-static, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static { background-color: transparent; } .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-nav-link, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-nav-link, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-nav-link, .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-nav-link, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-nav-link, .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle, .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle, .bg-primary-Line truncated
*
* RD Navbar Corporate
*
*/ .rd-navbar-corporate.rd-navbar-static .rd-navbar-aside-outer, .rd-navbar-corporate.rd-navbar-static .rd-navbar-main-outer { padding-left: 15px; padding-right: 15px; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-aside, .rd-navbar-corporate.rd-navbar-static .rd-navbar-main { max-width: 1170px; margin-left: auto; margin-right: auto; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-aside { display: flex; align-items: center; justify-content: space-between; padding: 30px 0 40px; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-main-outer { background: rgba(51, 51, 51, 0.1); position: absolute; top: 100%; z-index: 10; width: 100%; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-main { position: relative; padding: 16px 0; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-nav-wrap { position: relative; display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; min-width: 690px; } .ie-10 .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse, .ie-11 .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse { width: 100%; max-width: 870px; } .ie-10 .rd-navbar-corporate.rd-navbar-static .unit, .ie-11 .rd-navbar-corporate.rd-navbar-static .unit { flex: auto; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-panel + .rd-navbar-collapse { margin-left: 50px; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse-content { display: flex; align-items: center; justify-content: center; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse-content .button { flex-shrink: 0; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse-content > * { margin-top: 0; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse-content > * + * { margin-left: 50px; } .rd-navbar-corporate.rd-navbar-static .rd-menu { margin-top: 21px; } .rd-navbar-corporate.rd-navbar-static .rd-navbar-megamenu { margin-top: 24px; } @media (min-width: 1200px) { .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse-content > * + * { margin-left: 92px; } .rd-navbar-corporate.rd-navbar-static .rd-nav-item + .rd-nav-item { margin-left: 55px; } } .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-clone { border-bottom-color: #e8e9ee; } .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-outer, .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside-outer { display: none; } .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main-outer, .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main-outer { background: #232426; box-shadow: 0 5px 10px 0px rgba(20, 20, 28, 0.3); } .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav-item > .rd-navbar-submenu, .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav-item > .rd-navbar-submenu { margin-top: 17px; } .rd-navbar-corporate.rd-navbar-fixed .rd-navbar-search { margin: 20px 5px; } .rd-navbar-corporate.rd-navbar-fixed .rd-navbar-search-toggle { display: none; } .rd-navbar-corporate.rd-navbar-fixed .rd-search { position: relative; top: 0; left: 0; transform: none; opacity: 1; visibility: visible; z-index: 1; } .rd-navbar-corporate.rd-navbar-fixed .rd-navbar-nav { margin: 0; } /**
*
* RD Navbar Thin
*
*/ .rd-navbar-thin.rd-navbar-static { background-color: #495057; border-bottom: 1px solid transparent; } .rd-navbar-thin.rd-navbar-static .rd-navbar-main-outer { padding-left: 15px; padding-right: 15px; } .rd-navbar-thin.rd-navbar-static .rd-navbar-main { position: relative; display: flex; align-items: center; justify-content: space-between; max-width: 1170px; padding: 23px 0; margin-left: auto; margin-right: auto; } .rd-navbar-thin.rd-navbar-static .rd-navbar-nav-wrap { position: absolute; top: 0; bottom: 0; left: 200px; right: 80px; z-index: 102; display: flex; align-items: center; justify-content: flex-end; min-width: 690px; background: #495057; opacity: 0; visibility: hidden; transition: .44s ease-in-out; } .rd-navbar-thin.rd-navbar-static .rd-navbar-nav-wrap .rd-navbar-brand { display: none; } .rd-navbar-thin.rd-navbar-static .rd-navbar-nav-wrap.active { opacity: 1; visibility: visible; } .rd-navbar-thin.rd-navbar-static .rd-navbar-panel { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-right: 50px; } .ie-10 .rd-navbar-thin.rd-navbar-static .rd-navbar-panel, .ie-11 .rd-navbar-thin.rd-navbar-static .rd-navbar-panel { justify-content: flex-start; } .ie-10 .rd-navbar-thin.rd-navbar-static .rd-navbar-block, .ie-11 .rd-navbar-thin.rd-navbar-static .rd-navbar-block { width: 100%; justify-content: flex-end; } .rd-navbar-thin.rd-navbar-static .rd-navbar-toggle { position: absolute; right: 0; top: 50%; display: block; transform: translate3d(0, -50%, 0); } .rd-navbar-thin.rd-navbar-static .rd-navbar-block { display: flex; align-items: center; } .rd-navbar-thin.rd-navbar-static .rd-navbar-brand { max-width: 300px; } .rd-navbar-thin.rd-navbar-static .rd-navbar-brand img { width: auto; height: auto; max-width: 200px; max-height: 200px; } .rd-navbar-thin.rd-navbar-static .rd-nav-link, .rd-navbar-thin.rd-navbar-static .rd-navbar-submenu-toggle, .rd-navbar-thin.rd-navbar-static .rd-navbar-search-toggle { color: #fff; } .rd-navbar-thin.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .rd-navbar-thin.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .rd-navbar-thin.rd-navbar-static .rd-nav-item.active .rd-nav-link, .rd-navbar-thin.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle, .rd-navbar-thin.rd-navbar-static .rd-nav-item.focus .rd-navbar-submenu-toggle, .rd-navbar-thin.rd-navbar-static .rd-nav-item.active .rd-navbar-submenu-toggle, .rd-navbar-thin.rd-navbar-static .rd-nav-link:hover, .rd-navbar-thin.rd-navbar-static .rd-nav-link:hover ~ .rd-navbar-submenu-toggle, .rd-navbar-thin.rd-navbar-static .rd-navbar-search-toggle:hover { color: #1d73ff; } .rd-navbar-thin.rd-navbar-static .rd-menu { margin-top: 27px; } .rd-navbar-thin.rd-navbar-static .rd-navbar-megamenu { margin-top: 24px; width: calc(100% + 27px + 15px); } .rd-navbar-thin.rd-navbar-static .rd-navbar-search { position: static; } .rd-navbar-thin.rd-navbar-static * + .rd-navbar-search-toggle { margin-left: 60px; } .rd-navbar-thin.rd-navbar-static .rd-search { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; width: calc(100% - 70px); margin: 0; } .rd-navbar-thin.rd-navbar-static .rd-search .form-wrap { display: flex; width: 100%; background: #495057; } .rd-navbar-thin.rd-navbar-static .rd-search .form-wrap::before { content: '\f43b'; position: absolute; top: 50%; transform: translate3d(0, -50%, 0); font-family: 'Material Design Icons'; font-size: 30px; line-height: 1; color: #fff; } .rd-navbar-thin.rd-navbar-static .rd-search .form-input, .rd-navbar-thin.rd-navbar-static .rd-search .form-label { padding-left: 40px; font-size: 30px; color: #fff; } .rd-navbar-thin.rd-navbar-static .rd-search .form-input { background-color: transparent; border: 0; border-radius: 0; } .rd-navbar-thin.rd-navbar-static .rd-search .form-label { top: 50%; transform: translate3d(0, -50%, 0); } .rd-navbar-thin.rd-navbar-static .rd-search-results-live { height: 100vh; margin: 1px 0 0 0; } .rd-navbar-thin.rd-navbar-static .search-list { display: flex; flex-wrap: wrap; margin-bottom: -20px; } .rd-navbar-thin.rd-navbar-static .search-list-item { width: 25%; padding-left: 15px; padding-right: 15px; margin-bottom: 20px; } .rd-navbar-thin.rd-navbar-static .search-list-item + .search-list-item { margin-top: 0; } .rd-navbar-thin.rd-navbar-static .rd-navbar-search-toggle { position: relative; z-index: 12; } .rd-navbar-thin.rd-navbar-static .rd-navbar-popup { left: 50%; z-index: 110; transform: translateX(-50%); margin-top: 30px; } .rd-navbar-thin.rd-navbar-static .list-inline-bordered { position: relative; } @media (min-width: 992px) and (max-width: 1199.98px) { .rd-navbar-thin.rd-navbar-static .rd-nav-item + .rd-nav-item { margin-left: 30px; } } @media (min-width: 1200px) { .rd-navbar-thin.rd-navbar-static .rd-navbar-panel { padding-right: 70px; } .rd-navbar-thin.rd-navbar-statLine truncated
*
* Swiper
*/ .swiper-container { position: relative; display: flex; margin: 0 auto; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; pointer-events: none; } .swiper-container, .swiper-container * { backface-visibility: hidden; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; z-index: 1; display: flex; align-self: stretch; align-items: stretch; width: 100%; height: auto; min-height: inherit; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; background-size: cover; transition-property: transform, transform; pointer-events: auto; contain: paint; } .swiper-invisible-blank-slide { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } Line truncated
*
* RD Google Map
*/ .google-map { color: #000; height: 200px; } .google-map img { max-width: none !important; } @media (min-width: 576px) { .google-map { height: 250px; } } @media (min-width: 768px) { .google-map { height: 300px; } } @media (min-width: 992px) { .google-map { height: 350px; } } @media (min-width: 1200px) { .google-map { height: 766px; } } .ie-10 .google-map, .ie-11 .google-map { height: 770px; } .map_locations { display: none; } .google-map-container, .google-map { width: 100%; } .google-map-markers { display: none; } /*
*
* Search Results
*/ .rd-search-results-live { position: absolute; left: 0; right: 0; top: 100%; max-height: 600px; overflow-y: auto; margin: -3px 0 0; text-align: left; z-index: 998; } .rd-search-results-live #search-results { position: relative; padding: 10px 0 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; color: #495057; background: #fff; border: 1px solid #c5c6cd; border-top: 0; opacity: 0; visibility: hidden; transform-origin: 50% 0; transform: scale(1, 0.9); transition: .3s all ease; } .rd-search-results-live #search-results.active { opacity: 1; visibility: visible; transform: scale(1, 1); } .rd-search-results-live #search-results.active .form-input { border-bottom-left-radius: 0; } .rd-search-results-live .search-quick-result { padding-left: 15px; padding-right: 15px; font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 500; letter-spacing: .08em; line-height: 30px; text-transform: uppercase; color: #151515; } .rd-search-results-live .search-list { margin-top: 11px; } .rd-search-results-live .search-list li:only-child { padding: 0 15px 15px; } .rd-search-results-live .search-link { color: #aeb1be; } .rd-search-results-live .search-link:hover { color: #0045b6; } .rd-search-results-live .search-error { padding: 0 0 20px; font-size: 14px; line-height: 1.6; } .rd-search-results-live .search-title { position: relative; font-size: 16px; font-weight: 400; color: #151515; } .rd-search-results-live .search-title a:hover { color: #0045b6; } .rd-search-results-live .search-link { display: block; } .rd-search-results-live .search-list-item-all { margin-top: 18px; width: 100%; } .rd-search-results-live .search-submit { position: relative; overflow: hidden; z-index: 0; display: block; padding: 10px 20px; margin: 0 -1px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; font-family: "Poppins", sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; color: #fff; background: #0045b6; } .rd-search-results-live .search-submit:hover { color: #fff; background: #4854ed; } .rd-search-results-live .match { display: none; } .not-empty ~ .rd-search-results-live { visibility: visible; opacity: 1; } .rd-search-results-live p { font-size: 14px; } .rd-search-results-live .search-list-item { padding: 0 15px; } .rd-search-results-live * + p { margin-top: 3px; } .rd-search-results-live .search-list-item + .search-list-item { margin-top: 17px; } .rd-search-results .search-list { counter-reset: li; text-align: left; padding-left: 0; font-size: 18px; list-style-type: none; overflow: hidden; } .rd-search-results .search-list li div { overflow: hidden; text-overflow: ellipsis; max-width: 100%; white-space: nowrap; } .rd-search-results .search-list li:only-child::before { display: none; } .rd-search-results .search-list-item { position: relative; padding-left: 40px; font-size: 16px; color: #9b9b9b; } .rd-search-results .search-list-item::before { content: counter(li, decimal) "."; counter-increment: li; position: absolute; left: 0; top: -0.1em; line-height: inherit; } .rd-search-results .search-title { position: relative; color: #0045b6; } .rd-search-results .search-title a { color: inherit; } .rd-search-results .search-title a:hover { color: #343db0; } .rd-search-results .search { color: #fff; padding: 0 .25em; background: #0045b6; } .rd-search-results .match { padding: 5px; font-size: 12px; line-height: 1.7; letter-spacing: .1em; text-transform: uppercase; color: #000; } .rd-search-results .match em { margin: 0; font-style: normal; } .rd-search-results * + .match { margin-top: 10px; } .rd-search-results .search-list-item + .search-list-item { margin-top: 40px; } * + .rd-search-results { margin-top: 40px; } @media (min-width: 768px) { .rd-search-results .search-list-item::before { top: 4px; } .rd-search-results * + p { margin-top: 12px; } * + .rd-search-results { margin-top: 55px; } } @media (min-width: 992px) { .rd-search-results .search-list-item { padding-left: 50px; } .rd-search-results * + p { margin-top: 17px; } .rd-search-results .search-list-item + .search-list-item { margin-top: 50px; } } @media (min-width: 1200px) { * + .rd-search-results { margin-top: 70px; } } @media (min-width: 1600px) { .rd-search-results .search-list-item + .search-list-item { margin-top: 70px; } } .rd-search-classic { position: relative; } .rd-search-classic .form-wrap-inner { position: relative; } .rd-search-classic .form-input { padding-right: 50px; } .rd-search-classic .form-input, .rd-search-classic .form-label { letter-spacing: 0; } .rd-search-classic .rd-search-submit { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; position: absolute; top: 0; right: 0; bottomLine truncated
*
* Isotope
*/ @keyframes sprite-animation { from { background-position: 0 0; } } [data-isotope-layout] { z-index: 0; display: block; overflow: hidden; min-height: 160px; margin-left: -15px; margin-right: -15px; transition: .4s all ease; } [data-isotope-layout]:after { content: ''; position: absolute; top: 50%; left: 50%; width: 64px; height: 64px; margin-top: 15px; background-image: url("../images/isotope-loader.png"); background-position: -1152px 0; animation: 0.7s sprite-animation steps(18) infinite; transition: .4s all ease; transform: translate3d(-50%, -50%, 0); } [data-isotope-layout] [class*="col-"] { display: block; opacity: 0; will-change: transform; backface-visibility: hidden; transition: .1s opacity ease-in; } [data-isotope-layout].isotope--loaded [class*="col-"] { opacity: 1; } [data-isotope-layout].isotope--loaded:after { opacity: 0; visibility: hidden; } .isotope.isotope-condensed { margin-left: 0; margin-right: 0; overflow: hidden; } .isotope.isotope-condensed [class*='col'] { padding: 0; margin: 0 0 30px 0; } @media (min-width: 576px) { .isotope.isotope-condensed [class*='col'] { margin: 0 -1px -1px 0; } } .isotope-filters-list { position: relative; font-size: 16px; margin-left: -20px; margin-bottom: -10px; } .isotope-filters-list > * { margin-left: 20px; } .isotope-filters-list::after { content: ''; position: absolute; left: 20px; right: 0; bottom: 10px; border-bottom: 1px solid #e8e9ee; } .isotope-filters-list li { display: inline-block; margin-bottom: 10px; } .isotope-filters-list a { position: relative; display: block; z-index: 1; padding-bottom: 10px; color: #74757f; } .isotope-filters-list a::after { content: ''; position: absolute; right: 0; bottom: 0; width: 0; height: 1px; transition: .4s; background: #0045b6; } .isotope-filters-list a:hover { color: #495057; } .isotope-filters-list a.active { color: #495057; } .isotope-filters-list a.active::after { right: auto; left: 0; width: 100%; } @media (min-width: 992px) { .isotope-filters-list { font-size: 18px; margin-left: -48px; } .isotope-filters-list > * { margin-left: 48px; } .isotope-filters-list::after { left: 45px; } } @media (min-width: 1200px) { .isotope-filters-list { font-size: 20px; } } @media (max-width: 767.98px) { .isotope-responsive { margin-left: -7px; margin-right: -7px; margin-bottom: -14px; } .isotope-responsive:empty { margin-bottom: 0; } .isotope-responsive > * { margin-bottom: 14px; } .isotope-responsive [class*='col'] { padding-left: 7px; padding-right: 7px; } } @media (min-width: 768px) { .isotope-responsive { margin-bottom: -30px; } .isotope-responsive:empty { margin-bottom: 0; } .isotope-responsive > * { margin-bottom: 30px; } } @media (max-width: 767.98px) { .isotope-filters-modern { position: relative; z-index: 10; } .isotope-filters-toggle { display: block; padding: 10px 20px; color: #fff; background: #0045b6; box-shadow: none; border: 0; } .isotope-filters-toggle .caret { position: relative; display: inline-block; margin-left: 5px; font-family: "FontAwesome"; font-size: 14px; transition: .22s; will-change: transform; } .isotope-filters-toggle .caret::before { content: '\f107'; } .isotope-filters-toggle.active .caret { transform: scale(1, -1); } .isotope-filters-list { position: absolute; top: 100%; left: 0; z-index: 10; min-width: 240px; margin: 5px 0 0 0; padding: 20px; border: 1px solid #e8e9ee; opacity: 0; visibility: hidden; background: #fff; transition: .3s ease-in; } .isotope-filters-list::after { display: none; } .isotope-filters-list.active { opacity: 1; visibility: visible; } .isotope-filters-list li { display: block; width: 100%; margin-left: 0; } .isotope-filters-list a { padding: 0; } .isotope-filters-list a::after { display: none; } } @media (min-width: 768px) { .isotope-filters-modern .isotope-filters-toggle { display: none; } } * + .isotope { margin-top: 30px; } @media (min-width: 768px) { * + .isotope { margin-top: 47px; } } .nav { display: block; } .tabs-custom { text-align: left; } .tabs-custom .nav-tabs { font-size: 0; line-height: 0; word-spacing: 0; border: 0; } .tabs-custom .nav-tabs:before, .tabs-custom .nav-tabs:after { display: none; } .tabs-custom .nav-item { float: none; border: 0; cursor: pointer; transition: .33s all ease; } .tabs-custom .nav-link { margin: 0; border-radius: 0; border: 0; } .tabs-custom .nav-link.active { cursor: default; border: 0; } .tab-content > .tab-pane { display: block; visibility: hidden; height: 0; overflow: hidden; } .tab-content > .active { visibility: visible; height: auto; overflow: visible; } .tabs-line .nav-tabs { position: relative; } .tabs-line .nav-link { font-size: 16px; line-height: 1.4; text-align: center; vertical-align: middle; } .tabs-line * + .tab-content { maLine truncated
* Card corporate
*/ .card-corporate { border-top: 1px solid #f5f6fa; text-align: left; } .card-corporate:last-child { border-bottom: 1px solid #f5f6fa; } .card-corporate .card-collapse { background: #fff; } .card-corporate .card-title a { position: relative; z-index: 1; padding: 15px 40px 15px 70px; font-size: 17px; line-height: 1.5; letter-spacing: 0; color: #495057; transition: 1.3s all ease; } .card-corporate .card-title a[aria-expanded='true'], .card-corporate .card-title a:hover { color: #0045b6; } .card-corporate .card-title a .card-arrow { transition: .33s; } .card-corporate .card-title a.collapsed { color: #495057; border-bottom-width: 0; } .card-corporate .card-title a.collapsed .card-arrow::before { opacity: 1; } .card-corporate .card-title a.collapsed .card-arrow::after { opacity: 0; } .card-corporate .card-arrow { position: absolute; top: 16px; left: 13px; z-index: 2; width: 20px; height: 20px; color: #0045b6; transition: .33s all ease; text-align: center; } .card-corporate .card-arrow::before, .card-corporate .card-arrow::after { position: absolute; z-index: 4; font-family: 'Material Design Icons'; font-size: 24px; line-height: 1; transition: .22s; } .card-corporate .card-arrow::before { content: '\f505'; opacity: 0; } .card-corporate .card-arrow::after { content: '\f466'; opacity: 1; } .card-corporate .card-collapse { position: relative; z-index: 1; color: #74757f; } .card-corporate .card-body { padding: 2px 44px 25px 70px; } @media (max-width: 767.98px) { .card-corporate .card-arrow { left: 0; } .card-corporate .card-title a, .card-corporate .card-body { padding-left: 50px; } } @media (min-width: 768px) { .card-corporate .card-title a { font-size: 20px; line-height: 1.4; } .card-corporate .card-arrow { top: 18px; } } /*
*
* Tooltop Custom
*/ .tooltip { font-size: 16px; line-height: 1.2; } .tooltip-inner { background-color: #0045b6; } .bs-tooltip-top .arrow::before { border-top-color: #0045b6; } .bs-tooltip-right .arrow::before { border-right-color: #0045b6; } .bs-tooltip-bottom .arrow::before { border-bottom-color: #0045b6; } .bs-tooltip-left .arrow::before { border-left-color: #0045b6; } @media (min-width: 1200px) { .tooltip-inner { padding: 9px 18px; } } /*
*
* Modal Custom
*/ .modal { display: flex !important; padding: 30px 15px 7vh; visibility: hidden; } .modal .close { cursor: pointer; color: #74757f; transition: .22s; } .modal .close span::before { content: '\f24c'; font-family: 'Material Design Icons'; } .modal .close:hover { color: #495057; } .modal.show { visibility: visible; } .modal.fade .modal-dialog { transform: translate3d(0, -30px, 0); } .modal.show .modal-dialog { transform: translate3d(0, 0, 0); } .modal-dialog { display: flex; align-items: flex-start; justify-content: center; margin: 0 auto; } .modal-content { height: 100%; border-radius: 6px; } .modal-body { height: 100%; overflow-y: auto; } @media (min-width: 768px) { .modal-header, .modal-body { padding-left: 30px; padding-right: 30px; } .modal-header { padding-top: 20px; padding-bottom: 20px; } .modal-body { padding-top: 30px; padding-bottom: 30px; } .modal-dialog { max-width: 800px; } } /*
*
* Progress Bars
*/ .progress-linear { position: relative; text-align: left; } .progress-linear .progress-header { display: flex; align-items: center; justify-content: space-between; transform: translate3d(0, -10px, 0); margin-bottom: -10px; margin-left: -5px; margin-right: -5px; } .progress-linear .progress-header > * { margin-top: 10px; padding-left: 5px; padding-right: 5px; } .progress-linear .progress-bar-linear-wrap { height: 2px; background: #f5f6fa; } .progress-linear .progress-bar-linear { width: 0; height: inherit; background: #0045b6; transition: .5s all ease-in-out; } .progress-linear .progress-value::after { content: '\0025'; } * + .progress-linear { margin-top: 25px; } * + .progress-linear-outer { margin-top: 25px; } * + .progress-bar-linear-wrap { margin-top: 8px; } .progress-linear + .progress-linear { margin-top: 20px; } .progress-linear-outer + .progress-linear-outer { margin-top: 20px; } @media (min-width: 768px) { * + .progress-linear { margin-top: 40px; } * + .progress-linear-outer { margin-top: 40px; } } @media (min-width: 1200px) { .progress-linear + .progress-linear { margin-top: 34px; } .progress-linear-outer + .progress-linear-outer { margin-top: 34px; } } /*
*
* Time Circles
*/ .time_circles { position: relative; width: 100%; } .time_circles > div { position: absolute; top: 0 !important; bottom: 0; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; margin-top: -10px; text-align: center; } @media (min-width: 1200px) { #DateCountdown { width: 100%; } } .time_circles > div > h4 { position: absolute; left: 0; top: calc(100% + 14px); right: 0; transform: translateY(-100%); margin: 0; padding: 0; text-align: center; font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 14px !important; line-height: 1.2 !important; color: #868e96; } .time_circles > div > h4 + * { margin-top: 0; } @media (min-width: 576px) { .time_circles > div > h4 { font-size: 16px !important; } } .time_circles > div > span { display: block; text-align: center; letter-spacing: 0; font-size: 24px !important; font-weight: 700; line-height: 1 !important; color: #111111; } .context-dark .time_circles > div > span, .bg-gray-700 .time_circles > div > span, .bg-gray-800 .time_circles > div > span, .bg-primary .time_circles > div > span, .bg-primary-darker .time_circles > div > span { color: #fff; } .context-dark .time_circles > div > h4, .bg-gray-700 .time_circles > div > h4, .bg-gray-800 .time_circles > div > h4, .bg-primary .time_circles > div > h4, .bg-primary-darker .time_circles > div > h4 { color: #fff; } .countdown-wrap { max-width: 530px; padding-bottom: 20px; } * + .countdown-wrap { margin-top: 35px; } .countdown-wrap + .button { margin-top: 40px; } /*
* jQuery mousewheel plugin
*/ /*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/ .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; } /*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/ .mCSB_inside > .mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl-custom > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl-custom > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl-custom > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl-custom > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl-custom > .mCSB_outside + .mCSB_scrollTools { left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 16px; height: 100%; margin: 0 auto; border-radius: 0; } .mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 16px; height: 100%; margin: 0 auto; border-radius: 0; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } /*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/ .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } /*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/ .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl-custom > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl-custom > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl-custom > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl-custom > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/ /*
----------------------------------------
6.1 THEMES
----------------------------------------
*/ /* default theme ("light") */ .mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #f2f3f8; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #d1d4e6; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url(../images/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /*
*
* Owl Carousel
*/ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /*
* Owl Carousel - Auto Height Plugin
*/ .owl-height { transition: height 500ms ease-in-out; } /*
* Core Owl Carousel CSS File
*/ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /*
* Owl Carousel - Lazy Load Plugin
*/ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } /*
* Owl Carousel - Video Plugin
*/ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; font: 400 40px/80px 'FontAwesome'; cursor: pointer; z-index: 1; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:before { content: '\f144'; } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /*
* Owl Navigation
*/ .owl-nav.disabled { display: none !important; } .owl-prev, .owl-next { position: absolute; top: 50%; transform: translateY(-50%); font: 400 46px/50px 'FontAwesome'; color: #aeb1be; } .owl-prev:hover, .owl-next:hover { color: #0045b6; } .owl-prev { left: 0; } .owl-prev::before { content: '\f104'; } .owl-next { right: 0; } .owl-next::before { content: '\f105'; } /*
* Owl Pagination
*/ .owl-dots { margin-top: 10px; } .owl-dots.disabled { display: none !important; } @media (min-width: 576px) { .owl-dots { margin-top: 25px; } } button.owl-dot { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; } button.owl-dot::-moz-focus-inner { border: none; padding: 0; } .owl-dot { position: relative; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; width: 14px; height: 14px; border-radius: 50%; margin-left: 14px; margin-right: 14px; text-align: center; outline: none; cursor: pointer; } .owl-dot::before { content: ''; display: block; width: 100%; height: 100%; transform: scale3d(0.56, 0.56, 0.56); background: #e8e9ee; border-radius: inherit; transition: .2s; } .owl-dot:only-child { display: none; } .owl-dot:hover::before, .owl-dot.active::before { transform: scale3d(1, 1, 1); background-color: #0045b6; } * + .owl-carousel { margin-top: 30px; } .owl-carousel-1 { text-align: center; } .owl-carousel-1 .owl-stage { position: relative; display: flex; align-items: center; } .owl-carousel-centered-pagination .owl-dots { text-align: center; } .owl-carousel-indigo { position: relative; overflow: hidden; max-width: 100vw; padding: 0 15px; margin-left: auto; margin-right: auto; pointer-events: none; } .owl-carousel-indigo, .owl-carousel-indigo * { backface-visibility: hidden; } .owl-carousel-indigo .owl-stage-outer { padding: 23px; margin: -23px; } .owl-carousel-indigo .owl-item.active { pointer-events: auto; } .owl-carousel-indigo .owl-dots { pointer-events: auto; } .owl-carousel-indigo * + .owl-dots { margin-top: 25px; } @media (max-width: 575.98px) { .owl-carousel-indigo .owl-dot { width: 11px; height: 11px; margin: 0 6px; } } @media (min-width: 768px) { .owl-carousel-indigo { padding: 0 0; } .owl-carousel-indigo * + .owl-dots { margin-top: 60px; } } .owl-carousel-dots-space .owl-dots { margin-bottom: 25px; } .lg-sub-html, .lg-toolbar { background-color: rgba(0, 0, 0, 0.45); } @font-face { font-family: lg; src: url(../fonts/lg.eot?n1z373); src: url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(../fonts/lg.woff?n1z373) format("woff"), url(../fonts/lg.ttf?n1z373) format("truetype"), url(../fonts/lg.svg?n1z373#lg) format("svg"); font-weight: 400; font-style: normal; } .lg-icon { font-family: lg; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1180; border: none; outline: 0; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: .5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #fff; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @-moz-keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @-ms-keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @-webkit-keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } @-moz-keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } @-ms-keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } @keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end .3s; -o-animation: lg-right-end .3s; animation: lg-right-end .3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end .3s; -o-animation: lg-left-end .3s; animation: lg-left-end .3s; position: relative; } .lg-toolbar { z-index: 1182; left: 0; position: absolute; top: 0; width: 100%; } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: 0; transition: color .2s linear; } @media (max-width: 575.98px) { .lg-toolbar .lg-icon { font-size: 21px; width: 36px; } } @media (max-width: 575.98px) { #lg-counter { font-size: 14px; line-height: 27px; } } .lg-toolbar .lg-icon:hover { color: #fff; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: Line truncated
*
* Material Parallax
*/ .parallax-content { position: relative; z-index: 1; } .parallax-container { position: relative; overflow: hidden; background-position: center center; background-size: cover; } .material-parallax { position: absolute; top: 0; left: -1px; right: -1px; bottom: 0; z-index: 0; background-position: center center; } .ipad .parallax-container, .iphone .parallax-container { background-attachment: scroll !important; } .material-parallax img { display: none; position: absolute; left: 50%; bottom: 0; min-width: 101%; min-height: 101%; max-width: none; transform: translate3d(-50%, 0, 0); } /*
*
* Slick Carousel
*/ /*rtl:begin:ignore*/ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track::before, .slick-track::after { content: ""; display: table; } .slick-track::after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list { background: #fff url("./../images/ajax-loader.gif") center center no-repeat; } /* Icons */ /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; color: transparent; background-color: transparent; top: 50%; transform: translate(0, -50%); padding: 0; border: none; outline: none; z-index: 9; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev::before, .slick-next::before { font-family: "fl-bigmug-line"; font-size: 24px; line-height: 1; color: #0045b6; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: .22s; } .slick-prev:hover::before, .slick-next:hover::before { color: #343db0; } .slick-prev { left: 0; } [dir="rtl"] .slick-prev { left: auto; right: 0; } .slick-prev:before { content: ""; } [dir="rtl"] .slick-prev:before { content: ""; } .slick-next { right: 0; } [dir="rtl"] .slick-next { left: 0; right: auto; } .slick-next:before { content: ""; } [dir="rtl"] .slick-next:before { content: ""; } /* Dots */ .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: ""; font-family: "fl-bigmug-line"; font-size: 6px; line-height: 20px; text-align: center; color: #0045b6; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: #0045b6; opacity: 0.75; } /*rtl:end:ignore*/ .slick-widget-testimonials .carousel-child { max-width: 570px; padding: 0 50px; margin-left: auto; margin-right: auto; } .slick-widget-testimonials .carousel-child .item { border-radius: 50%; cursor: pointer; transform: scale3d(0.66, 0.66, 0.66); transition: .22s; text-align: center; } .slick-widget-testimonials .carousel-child .slick-center { transform: scale3d(1, 1, 1); } .slick-widget-testimonials .carousel-child img { border-radius: inherit; max-width: 100%; margin: 0 auto; } @media (max-width: 575.98px) { .slick-widget-testimonials .carousel-child .slick-prev { left: 30px; } .slick-widget-testimonials .carousel-child .slick-next { right: 30px; } } .slick-widget-testimonials .carousel-parent { max-width: 780px; margin-left: auto; margin-right: auto; } .slick-widget-testimonials .carousel-parent .item > * { transform-origin: 50% 0; opacity: 0; transition: .44s; } .slick-widget-testimonials .carousel-parent .slick-active > * { opacity: 1; } .slick-widget-testimonials > * + * { margin-top: 20px; } * + .slick-widget-testimonials { margin-top: 30px; } @media (min-width: 768px) { * + .slick-widget-testimonials { margin-top: 55px; } } @media (min-width: 1200px) { * + .slick-widget-testimonials { margin-top: 75px; } } /*
*
* Select 2 v4
*/ .select2 { width: 100% !important; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-container--default .select2-selection--single { width: 100% !important; } .select2-container .select2-selection--single { display: block; cursor: pointer; user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { display: block; cursor: pointer; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { position: absolute; left: -100000px; z-index: 1051; display: block; overflow: hidden; width: 100%; border: 1px; border-radius: 6px; background-color: #fff; box-shadow: 0 0 5px 0 rgba(73, 80, 87, 0.2); } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px; border-radius: 6px; border-style: solid; border-color: #aeb1be; } .select2-container--default .select2-selection--single .select2-selection__rendered { display: block; padding: 11px 29px 11px 19px; color: #495057; font-size: 16px; line-height: 1.5; font-weight: 400; min-height: 48px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #74757f; } .select2-container--default .select2-selection--single .select2-selection__arrow { position: absolute; top: 50%; transform: translate3d(0, -50%, 0); right: 5px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { pointer-events: none; color: #495057; } .select2-container--default .select2-selection--single .select2-selection__arrow b::before { position: relative; display: inline-block; content: ""; font-family: "Material Design Icons"; font-size: 18px; transform: rotate(0deg); transition: .1s; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #f5f6fa; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrowLine truncated
*
* D3 Charts
*/ .c3 svg { padding-left: 4px; width: 100%; -webkit-tap-highlight-color: transparent; } .c3 path, .c3 line { fill: none; stroke: #9f9f9f; } .c3 text { font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 16px; fill: #9b9b9b; user-select: none; } .c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid, .c3-event-rect, .c3-bars path { shape-rendering: crispEdges; } .c3-chart-arc path { stroke: #fff; } .c3-chart-arc text { fill: #fff; font-size: 14px; } /*-- Axis --*/ /*-- Grid --*/ .c3-grid line { stroke: #eaebee; } .c3-grid text { fill: #aaa; } .c3-xgrid, .c3-ygrid { stroke-dasharray: 0 0; } /*-- Text on Chart --*/ .c3-text.c3-empty { fill: #808080; font-size: 2em; } /*-- Line --*/ .c3-line { stroke-width: 3px; } /*-- Point --*/ .c3-circle._expanded_ { stroke-width: 2px; stroke: white; } .c3-selected-circle { fill: white; stroke-width: 2px; } /*-- Bar --*/ .c3-bar { stroke-width: 0; } .c3-bar._expanded_ { fill-opacity: 0.75; } /*-- Focus --*/ .c3-target.c3-focused { opacity: 1; } .c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step { stroke-width: 2px; } .c3-target.c3-defocused { opacity: 0.3 !important; } /*-- Region --*/ .c3-region { fill: steelblue; fill-opacity: .1; } /*-- Brush --*/ .c3-brush .extent { fill-opacity: .1; fill: #000; } /*-- Select - Drag --*/ /*-- Legend --*/ .c3-legend-item { font-size: 12px; } .c3-legend-item-hidden { opacity: 0.15; } .c3-legend-background { opacity: 0.75; fill: white; stroke: lightgray; stroke-width: 1; } /*-- Title --*/ .c3-title { font: 14px sans-serif; } /*-- Tooltip --*/ .c3-tooltip-container { z-index: 10; } .c3-tooltip { border-collapse: collapse; border-spacing: 0; background-color: #fff; empty-cells: show; opacity: 0.9; border: 1px solid #ccc; } .c3-tooltip tr { border: 1px solid #ccc; } .c3-tooltip th { background-color: #aaa; font-size: 14px; line-height: 1.2; padding: 2px 5px; text-align: left; color: #fff; } .c3-tooltip td { font-size: 13px; padding: 3px 6px; background-color: #fff; color: #000; border-left: 1px dotted #999; } .c3-tooltip td > span { display: inline-block; width: 10px; height: 10px; margin-right: 6px; } .c3-tooltip td.value { text-align: right; } /*-- Area --*/ .c3-area { stroke-width: 0; opacity: 0.2; } /*-- Arc --*/ .c3-chart-arcs-title { dominant-baseline: middle; font-size: 1.3em; } .c3-chart-arcs .c3-chart-arcs-background { fill: #e0e0e0; stroke: none; } .c3-chart-arcs .c3-chart-arcs-gauge-unit { fill: #000; font-size: 16px; } .c3-chart-arcs .c3-chart-arcs-gauge-max { fill: #777; } .c3-chart-arcs .c3-chart-arcs-gauge-min { fill: #777; } .c3-chart-arc .c3-gauge-value { fill: #000; } .c3 .domain { stroke: #c8c8c8; } .d3-chart .tick line { display: none; } .d3-chart .c3-tooltip { opacity: 1; color: #fff; background: #0045b6; border: 1px solid #aeb1be; } .d3-chart .c3-tooltip tr th { padding: 8px 10px; color: #fff; background: #495057; } .d3-chart .c3-tooltip tr td { padding: 5px 10px; color: #838386; background: #fff; } .d3-chart .c3-tooltip .value { border-left: 1px solid #f2f3f9; } #line-chart .c3-tooltip-container { border-radius: 6px; overflow: hidden; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); } #line-chart .c3-tooltip-container tr { border: 0; } #line-chart .c3-tooltip-container .name { border-left: 0; } #line-chart .c3-tooltip-container table { border: 0 solid transparent; border-radius: 6px; } #line-chart .c3-axis-y-label { transform: translateY(-10px); } #line-chart .c3-axis-y .tick text { transform: translateX(1px); } #line-chart .c3-axis-x { text-align: left; } #line-chart .c3-axis-x text { transform: translateX(-1px); text-anchor: start !important; } #line-chart .c3-legend-item { display: none !important; transform: translateY(15px); } #line-chart .c3-legend-item text { font-size: 16px; color: #29293a; } .d3-chart-wrap { width: 100%; max-width: 100%; overflow-y: hidden; overflow-x: auto; padding-bottom: 30px; } .d3-chart-wrap > .d3-chart { min-width: 520px; } .d3-chart-legend { transform: translateY(-5px); margin-bottom: -5px; margin-left: -30px; text-align: center; } .d3-chart-legend > * { display: inline-block; margin-top: 5px; margin-left: 30px; } .d3-chart-legend span { position: relative; display: inline-block; font-size: 16px; color: #74757f; cursor: pointer; } .d3-chart-legend span::before { content: ''; display: inline-block; height: 3px; width: 30px; margin-right: 12px; vertical-align: middle; } .d3-chart-legend span:nth-child(1)::before { background: #0045b6; } .d3-chart-legend span:nth-child(2)::before { background: #aeb1be; } * + .d3-chart-legend { margin-top: 20px; } @media (min-width: 1600px) { .d3-chart-legend span { font-size: 18px; } } .rd-range-input { border: none; background: none; width: auto; } .price-devider { paddinLine truncated
template/real_estate_html/site/fonts/FontAwesome.otf
Executable
BIN
View File
Binary file not shown.
template/real_estate_html/site/fonts/Linearicons.eot
Executable
BIN
View File
Binary file not shown.
template/real_estate_html/site/fonts/Linearicons.svg
Executable
+1028
View File
File diff suppressed because it is too large. Load diff
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

template/real_estate_html/site/fonts/Linearicons.ttf
Executable
BIN
View File
Binary file not shown.
template/real_estate_html/site/fonts/Linearicons.woff
Executable
BIN
View File
Binary file not shown.
template/real_estate_html/site/fonts/fl-bigmug-line.eot
Executable
BIN
View File
Binary file not shown.
template/real_estate_html/site/fonts/fl-bigmug-line.svg
Executable
+3
View File
@@ -0,0 +1,3 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg"><defs><font id="flaticon" horiz-adv-x="512"><font-face units-per-em="512" ascent="448" descent="-64" x-height="240" cap-height="480"/><missing-glyph horiz-adv-x="512"/><glyph unicode="&#xE000;" glyph-name="add137" horiz-adv-x="512" d="M448 256h-128V384c0 35.344 -28.656 64 -64 64c-35.344 0 -64 -28.656 -64 -64v-128H64 c-35.344 0 -64 -28.656 -64 -64c0 -35.344 28.656 -64 64 -64h128v-128c0 -35.344 28.656 -64 64 -64c35.344 0 64 28.656 64 64v128h128c35.344 0 64 28.656 64 64 C512 227.344 483.344 256 448 256zM448 160H288v-160c0 -17.68 -14.32 -32 -32 -32s-32 14.32 -32 32V160H64c-17.68 0 -32 14.32 -32 32c0 17.68 14.32 32 32 32h160V384 c0 17.68 14.32 32 32 32s32 -14.336 32 -32v-160h160c17.68 0 32 -14.32 32 -32C480 174.32 465.68 160 448 160z"/><glyph unicode="&#xE001;" glyph-name="add139" horiz-adv-x="512" d="M256 448C114.608 448 0 333.392 0 192s114.608 -256 256 -256c141.392 0 256 114.624 256 256 S397.392 448 256 448zM256 -32C132.288 -32 32 68.288 32 192S132.288 416 256 416s224 -100.288 224 -224S379.712 -32 256 -32zM352 208h-80v80c0 8.832 -7.168 16 -16 16 c-8.832 0 -16 -7.168 -16 -16v-80h-80c-8.832 0 -16 -7.168 -16 -16s7.168 -16 16 -16h80v-80c0 -8.832 7.168 -16 16 -16c8.832 0 16 7.168 16 16v80h80 c8.832 0 16 7.168 16 16S360.832 208 352 208z"/><glyph unicode="&#xE002;" glyph-name="add149" horiz-adv-x="512" d="M352 208h-80v80c0 8.832 -7.168 16 -16 16s-16 -7.168 -16 -16v-80h-80c-8.832 0 -16 -7.168 -16 -16 c0 -8.832 7.168 -16 16 -16h80v-80c0 -8.832 7.168 -16 16 -16s16 7.168 16 16v80h80c8.832 0 16 7.168 16 16C368 200.832 360.832 208 352 208zM448 448H64 C28.656 448 0 419.344 0 384v-384c0 -35.344 28.656 -64 64 -64h384c35.344 0 64 28.656 64 64V384C512 419.344 483.344 448 448 448zM480 0c0 -17.68 -14.336 -32 -32 -32H64 c-17.68 0 -32 14.32 -32 32V384c0 17.68 14.32 32 32 32h384c17.664 0 32 -14.336 32 -32V0z"/><glyph unicode="&#xE003;" glyph-name="airplane86" horiz-adv-x="512" d="M499.41888892363 435.14677837872c-19.960108794198 20.008128302123 -55.014349579517 15.318223028105 -75.070497389565 -4.7859442898678l-102.05746084347 -101.83336980648 L132.95001094195 399.29221246131C114.83064995154 403.98211773533 96.567230437365 410.03257573389 74.062087723138 387.49542001438c-11.460655891456 -11.492668896739 -35.326351330228 -35.406383843436 0 -70.796761184231l129.82874292681 -106.29918404352L119.42451620971 126.10923187545l-78.816019007722 19.687998249289 c-11.700753431081 3.025228999281 -19.559946228155 0.65626660830963 -25.562384718792 -5.9544189827117c-3.025228999281 -3.7775346234408 -24.970144121049 -20.056147810048 -9.6839340982274 -35.374370838153l91.653234126364 -71.292962766124l71.276956263482 -91.653234126364 c11.076499828055 -11.092506330697 21.368681026667 -4.1776971894832 35.43839684872 9.1877325163348c8.9156219714259 8.9316284740676 6.9948416544221 13.525494732235 4.3057492106168 26.554787882577l-17.81523744021 78.255791415262l83.89008034514 84.178197392691l106.12311251446 -129.82874292681 c35.326351330228 -35.390377340795 59.192046769 -11.476662394098 70.652702660456 0c22.505142714228 22.553162222153 16.454684715666 40.848594741614 11.78078594429 58.9999687373l-70.156501078563 189.6290367962l101.65729827743 102.00944133554 C514.24091036984 380.62863038109 519.37899771782 415.15465657924 499.41888892363 435.14677837872zM477.76209084941 381.63704004752l-119.28045768593 -119.71263325726l72.125300903492 -198.40060024385c3.553443586457 -11.364616875606 1.3445462219026 -25.434332697658 -3.2493200362647 -30.028198955826 c-13.045299652984 -13.077312658267 -22.361084190452 -6.8667896332885 -27.291087004095 -1.376559227186l-115.32685153344 155.80729671429l-127.65185856754 -128.11604714415l22.969331290837 -85.314659080251c-9.0596804952012 9.0916935004846 -62.02519773658 80.016506705849 -63.305717947916 81.297026917185 c-0.84834464001 0.84834464001 -70.492637634039 52.773439209679 -78.015693875637 60.312501953919l81.825241504361 -22.072967142902l130.08484696908 127.73189108075L95.942976834339 336.22659205302c-4.4338012317504 3.9696126551412 -10.260168193329 15.686372588864 1.6806827773783 27.659236564854 c4.5778597555257 4.5938662581674 18.503517053803 5.9864319879951 29.852127426767 2.4329884015381l197.5362491012 -71.581079813674l120.89711445275 118.72023009348c8.4354268921749 8.4514333948166 24.986150623691 7.5870822521649 32.381154844155 0.17607152905868 C485.70131615969 406.22302810517 486.19751774158 390.08847344234 477.76209084941 381.63704004752z"/><glyph unicode="&#xE004;" glyph-name="alarm31" horiz-adv-x="512" d="M368 208h-96V320c0 8.832 -7.168 16 -16 16c-8.832 0 -16 -7.168 -16 -16v-128 c0 -8.832 7.168 -16 16 -16h112c8.832 0 16 7.168 16 16C384 200.832 376.832 208 368 208zM32 368c0 26.512 21.488 48 48 48l32 0V448H80C35.824 448 0 412.176 0 368v-32 h32V368zM432 448h-32l0 -32l32 0c26.512 0 48 -21.488 48 -48v-32h32V368C512 412.176 476.176 448 432 448zM480 192c0 123.712 -100.288 224 -224 224C132.288 416 32 315.712 32 192 c0 -84.832 47.184 -158.64 116.72 -196.656L96 -64h48l42.96 42.96C208.72 Line truncated
Side by Side

After

Width:  |  Height:  |  Size: 270 KiB

template/real_estate_html/site/fonts/fl-bigmug-line.ttf
Executable
BIN
View File
Binary file not shown.
template/real_estate_html/site/fonts/fl-bigmug-line.woff
Executable
BIN
View File
Binary file not shown.
template/real_estate_html/site/fonts/fontawesome-webfont.eot
Executable
BIN
View File
Binary file not shown.
template/real_estate_html/site/fonts/fontawesome-webfont.svg
Executable
+2671
View File
File diff suppressed because it is too large. Load diff
Side by Side

After

Width:  |  Height:  |  Size: 434 KiB

template/real_estate_html/site/fonts/fontawesome-webfont.ttf
Executable
BIN
View File
Binary file not shown.
template/real_estate_html/site/fonts/fontawesome-webfont.woff
Executable
BIN
View File
Binary file not shown.
template/real_estate_html/site/fonts/fontawesome-webfont.woff2
Executable
BIN
View File
Binary file not shown.
template/real_estate_html/site/fonts/lg.eot
Executable
BIN
View File
Binary file not shown.
template/real_estate_html/site/fonts/lg.svg
Executable
+47
View File
@@ -0,0 +1,47 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>
<json>
<![CDATA[
{
"fontFamily": "lg",
"majorVersion": 1,
"minorVersion": 0,
"fontURL": "https://github.com/sachinchoolur/lightGallery",
"copyright": "sachin",
"license": "MLT",
"licenseURL": "http://opensource.org/licenses/MIT",
"version": "Version 1.0",
"fontId": "lg",
"psName": "lg",
"subFamily": "Regular",
"fullName": "lg",
"description": "Font generated by IcoMoon."
}
]]>
</json>
</metadata>
<defs>
<font id="lg" horiz-adv-x="1024">
<font-face units-per-em="1024" ascent="960" descent="-64" />
<missing-glyph horiz-adv-x="1024" />
<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
<glyph unicode="&#xe01a;" glyph-name="pause_circle_outline" data-tags="pause_circle_outline" d="M554 256.667v340h86v-340h-86zM512 84.667q140 0 241 101t101 241-101 241-241 101-241-101-101-241 101-241 241-101zM512 852.667q176 0 301-125t125-301-125-301-301-125-301 125-125 301 125 301 301 125zM384 256.667v340h86v-340h-86z" />
<glyph unicode="&#xe01d;" glyph-name="play_circle_outline" data-tags="play_circle_outline" d="M512 84.667q140 0 241 101t101 241-101 241-241 101-241-101-101-241 101-241 241-101zM512 852.667q176 0 301-125t125-301-125-301-301-125-301 125-125 301 125 301 301 125zM426 234.667v384l256-192z" />
<glyph unicode="&#xe033;" glyph-name="stack-2" data-tags="stack-2" d="M384 853.334h426.667q53 0 90.5-37.5t37.5-90.5v-426.667q0-53-37.5-90.5t-90.5-37.5h-426.667q-53 0-90.5 37.5t-37.5 90.5v426.667q0 53 37.5 90.5t90.5 37.5zM170.667 675.334v-547.333q0-17.667 12.5-30.167t30.167-12.5h547.333q-13.333-37.667-46.333-61.5t-74.333-23.833h-426.667q-53 0-90.5 37.5t-37.5 90.5v426.667q0 41.333 23.833 74.333t61.5 46.333zM810.667 768h-426.667q-17.667 0-30.167-12.5t-12.5-30.167v-426.667q0-17.667 12.5-30.167t30.167-12.5h426.667q17.667 0 30.167 12.5t12.5 30.167v426.667q0 17.667-12.5 30.167t-30.167 12.5z" />
<glyph unicode="&#xe070;" glyph-name="clear" data-tags="clear" d="M810 664.667l-238-238 238-238-60-60-238 238-238-238-60 60 238 238-238 238 60 60 238-238 238 238z" />
<glyph unicode="&#xe094;" glyph-name="arrow-left" data-tags="arrow-left" d="M426.667 768q17.667 0 30.167-12.5t12.5-30.167q0-18-12.667-30.333l-225.667-225.667h665q17.667 0 30.167-12.5t12.5-30.167-12.5-30.167-30.167-12.5h-665l225.667-225.667q12.667-12.333 12.667-30.333 0-17.667-12.5-30.167t-30.167-12.5q-18 0-30.333 12.333l-298.667 298.667q-12.333 13-12.333 30.333t12.333 30.333l298.667 298.667q12.667 12.333 30.333 12.333z" />
<glyph unicode="&#xe095;" glyph-name="arrow-right" data-tags="arrow-right" d="M597.333 768q18 0 30.333-12.333l298.667-298.667q12.333-12.333 12.333-30.333t-12.333-30.333l-298.667-298.667q-12.333-12.333-30.333-12.333-18.333 0-30.5 12.167t-12.167 30.5q0 18 12.333 30.333l226 225.667h-665q-17.667 0-30.167 12.5t-12.5 30.167 12.5 30.167 30.167 12.5h665l-226 225.667q-12.333 12.333-12.333 30.333 0 18.333 12.167 30.5t30.5 12.167z" />
<glyph unicode="&#xe0f2;" glyph-name="vertical_align_bottom" data-tags="vertical_align_bottom" d="M170 128.667h684v-86h-684v86zM682 384.667l-170-172-170 172h128v426h84v-426h128z" />
<glyph unicode="&#xe1ff;" glyph-name="apps" data-tags="apps" d="M682 84.667v172h172v-172h-172zM682 340.667v172h172v-172h-172zM426 596.667v172h172v-172h-172zM682 768.667h172v-172h-172v172zM426 340.667v172h172v-172h-172zM170 340.667v172h172v-172h-172zM170 84.667v172h172v-172h-172zM426 84.667v172h172v-172h-172zM170 596.667v172h172v-172h-172z" />
<glyph unicode="&#xe20c;" glyph-name="fullscreen" data-tags="fullscreen" d="M598 724.667h212v-212h-84v128h-128v84zM726 212.667v128h84v-212h-212v84h128zM214 512.667v212h212v-84h-128v-128h-84zM298 340.667v-128h128v-84h-212v212h84z" />
<glyph unicode="&#xe20d;" glyph-name="fullscreen_exit" data-tags="fullscreen_exit" d="M682 596.667h128v-84h-212v212h84v-128zM598 128.667v212h212v-84h-128v-128h-84zM342 596.667v128h84v-212h-212v84h128zM214 256.667v84h212v-212h-84v128h-128z" />
<glyph unicode="&#xe311;" glyph-name="zoom_in" data-tags="zoom_in" d="M512 512.667h-86v-86h-42v86h-86v42h86v86h42v-86h86v-42zM406 340.667q80 0 136 56t56 136-56 136-136 56-136-56-56-136 56-136 136-56zM662 340.667l212-212-64-64-212 212v34l-12 12q-76-66-180-66-116 0-197 80t-81 196 81 197 197 81 196-81 80-197q0-104-66-180l12-12h34z" />
<glyph unicode="&#xe312;" glyph-name="zoom_out" data-tags="zoom_out" d="M298 554.667h214v-42h-214v42zM406 340.667q80 0 136 56t56 136-56 136-136 56-136-56-56-136 56-136 136-56zM662 340.667l212-212-64-64-212 212v34l-12 12q-76-66-180-66-116 0-197 80t-81 196 81 197 197 81 196-81 80-197q0-104-66-180l12-12h34z" />
<glyph unicode="&#xe80d;" glyph-name="share" data-tags="share" d="M768 252.667c68 0 124-56 124-124s-56-126-124-126-124 58-124 126c0 10 0 20 2 28l-302 176c-24-22-54-34-88-34-70 0-128 58-128 128s58 128 128 128c34 0 64-12 88-34l300 174c-2 10-4 20-4 30 0 70 58 128 128 128s128-58 128-128-58-128-128-128c-34 0-64 14-88 36l-300-176c2-10 4-20 4-30s-2-20-4-30l304-176c22 20 52 32 84 32z" />
<glyph unicode="&#xe901;" glyph-name="facebook-with-circle" data-tags="facebook-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM628.429 612.659h-73.882c-8.755 0-18.483-11.52-18.483-26.829v-53.35h92.416l-13.978-76.083h-78.438v-228.403h-87.194v228.403h-79.104v76.083h79.104v44.749c0 64.205 44.544 116.378 105.677 116.378h73.882v-80.947z" />
<glyph unicode="&#xe902;" glyph-name="google-with-circle" data-tags="google+-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM483.686 249.805c-30.874-15.002-64.102-16.589-76.954-16.589-2.458 0-3.84 0-3.84 0s-1.178 0-2.765 0c-20.070 0-119.962 4.608-119.962 95.59 0 89.395 108.8 96.41 142.131 96.41h0.87c-19.251 25.702-15.258 51.61-15.258 51.61-1.69-0.102-4.147-0.205-7.168-0.205-12.544 0-36.762 1.997-57.549 15.411-25.498 16.384-38.4 44.288-38.4 82.893 0 109.107 119.142 113.51 120.32 113.613h118.989v-2.611c0-13.312-23.91-15.923-40.192-18.125-5.53-0.819-16.64-1.894-19.763-3.482 30.157-16.128 35.021-41.421 35.021-79.104 0-42.906-16.794-65.587-34.611-81.51-11.059-9.882-19.712-17.613-19.712-28.006 0-10.189 11.878-20.582 25.702-32.717 22.579-19.917 53.555-47.002 53.555-92.723 0-47.258-20.326-81.050-60.416-100.454zM742.4 460.8h-76.8v-76.8h-51.2v76.8h-76.8v51.2h76.8v76.8h51.2v-76.8h76.8v-51.2zM421.018 401.92c-2.662 0-5.325-0.102-8.038-0.307-22.733-1.69-43.725-10.189-58.88-24.013-15.053-13.619-22.733-30.822-21.658-48.179 2.304-36.403 41.37-57.702 88.832-54.323 46.694 3.379 77.824 30.31 75.571 66.714-2.15 34.202-31.898 60.109-75.827 60.109zM465.766 599.808c-12.39 43.52-32.358 56.422-63.386 56.422-3.328 0-6.707-0.512-9.933-1.382-13.466-3.84-24.166-15.053-30.106-31.744-6.093-16.896-6.451-34.509-1.229-54.579 9.472-35.891 34.97-61.901 60.672-61.901 3.379 0 6.758 0.41 9.933 1.382 28.109 7.885 45.722 50.79 34.048 91.802z" />
<glyph unicode="&#xe903;" glyph-name="pinterest-with-circle" data-tags="pinterest-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM545.638 344.32c-31.539 2.406-44.749 18.022-69.427 32.973-13.568-71.219-30.157-139.52-79.309-175.206-15.206 107.725 22.221 188.518 39.629 274.381-29.645 49.92 3.533 150.323 66.099 125.645 76.954-30.515-66.662-185.6 29.747-205.005 100.659-20.173 141.773 174.694 79.36 237.978-90.214 91.494-262.502 2.099-241.306-128.87 5.12-32 38.246-41.728 13.21-85.914-57.702 12.8-74.957 58.317-72.704 118.989 3.533 99.328 89.242 168.909 175.155 178.483 108.698 12.083 210.688-39.885 224.819-142.182 15.821-115.405-49.101-240.282-165.274-231.27z" />
<glyph unicode="&#xe904;" glyph-name="twitter-with-circle" data-tags="twitter-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM711.936 549.683c0.205-4.198 0.256-8.397 0.256-12.493 0-128-97.331-275.507-275.405-275.507-54.682 0-105.574 15.974-148.378 43.52 7.526-0.922 15.258-1.28 23.091-1.28 45.363 0 87.091 15.411 120.218 41.421-42.342 0.819-78.080 28.774-90.419 67.174 5.888-1.075 11.93-1.69 18.176-1.69 8.806 0 17.408 1.178 25.498 3.379-44.288 8.909-77.67 48.026-77.67 94.925v1.178c13.056-7.219 28.006-11.622 43.878-12.134-26.010 17.408-43.059 47.002-43.059 80.64 0 17.715 4.762 34.406 13.107 48.691 47.77-58.573 119.040-97.075 199.526-101.222-1.69 7.117-2.509 14.49-2.509 22.118 0 53.402 43.315 96.819 96.819 96.819 27.802 0 52.992-11.776 70.656-30.618 22.067 4.403 42.752 12.39 61.44 23.501-7.219-22.579-22.528-41.574-42.547-53.606 19.61 2.406 38.246 7.578 55.603 15.309-12.954-19.405-29.389-36.506-48.282-50.125z" />
</font></defs></svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.6 KiB

template/real_estate_html/site/fonts/lg.ttf
Executable
BIN
View File
Binary file not shown.
template/real_estate_html/site/fonts/lg.woff
Executable
BIN
View File
Binary file not shown.
template/real_estate_html/site/fonts/materialdesignicons-webfont.eot
Executable
BIN
View File
Binary file not shown.
template/real_estate_html/site/fonts/materialdesignicons-webfont.svg
Executable
+4383
View File
File diff suppressed because it is too large. Load diff
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

template/real_estate_html/site/fonts/materialdesignicons-webfont.ttf
Executable
BIN
View File
Binary file not shown.
template/real_estate_html/site/fonts/materialdesignicons-webfont.woff
Executable
BIN
View File
Binary file not shown.
template/real_estate_html/site/fonts/materialdesignicons-webfont.woff2
Executable
BIN
View File
Binary file not shown.
template/real_estate_html/site/forms.html
Executable
+555
View File
@@ -0,0 +1,555 @@
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>Forms</title>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width height=device-height initial-scale=1.0 maximum-scale=1.0 user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- Stylesheets-->
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,800%7CPoppins:300,400,700">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css" id="main-styles-link">
<!--[if lt IE 10]>
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div class="page">
<!-- Page Header-->
<header class="section page-header">
<!-- RD Navbar-->
<div class="rd-navbar-wrap">
<nav class="rd-navbar rd-navbar-corporate" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-lg-stick-up="true" data-lg-stick-up-offset="118px" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-xl-stick-up="true" data-xl-stick-up-offset="118px" data-xxl-layout="rd-navbar-static" data-xxl-device-layout="rd-navbar-static" data-xxl-stick-up-offset="118px" data-xxl-stick-up="true">
<div class="rd-navbar-aside-outer">
<div class="rd-navbar-aside">
<!-- RD Navbar Panel-->
<div class="rd-navbar-panel">
<!-- RD Navbar Toggle-->
<button class="rd-navbar-toggle" data-rd-navbar-toggle="#rd-navbar-nav-wrap-1"><span></span></button>
<!-- RD Navbar Brand--><a class="rd-navbar-brand" href="index.html"><img src="images/logo-default-151x44.png" alt="" width="151" height="44" srcset="images/logo-default-151x44.png 2x"/></a>
</div>
<div class="rd-navbar-collapse">
<button class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1" data-rd-navbar-toggle="#rd-navbar-collapse-content-1"><span></span></button>
<div class="rd-navbar-collapse-content" id="rd-navbar-collapse-content-1">
<article class="unit align-items-center">
<div class="unit-left"><span class="icon icon-md icon-modern mdi mdi-phone"></span></div>
<div class="unit-body">
<ul class="list-0">
<li><a class="link-default" href="tel:#">1-800-1234-567</a></li>
<li><a class="link-default" href="tel:#">1-800-8763-765</a></li>
</ul>
</div>
</article>
<article class="unit align-items-center">
<div class="unit-left"><span class="icon icon-md icon-modern mdi mdi-map-marker"></span></div>
<div class="unit-body"><a class="link-default" href="tel:#">2130 Fulton Street <br> San Diego, CA 94117-1080</a></div>
</article><a class="button button-gray-bordered button-winona" href="#">Request a call</a>
</div>
</div>
</div>
</div>
<div class="rd-navbar-main-outer">
<div class="rd-navbar-main">
<div class="rd-navbar-nav-wrap" id="rd-navbar-nav-wrap-1">
<!-- RD Navbar Search-->
<div class="rd-navbar-search" id="rd-navbar-search-1">
<button class="rd-navbar-search-toggle" data-rd-navbar-toggle="#rd-navbar-search-1"><span></span></button>
<form class="rd-search" action="search-results.html" data-search-live="rd-search-results-live-1" method="GET">
<div class="form-wrap">
<label class="form-label" for="rd-navbar-search-form-input-1">Search...</label>
<input class="form-input rd-navbar-search-form-input" id="rd-navbar-search-form-input-1" type="text" name="s" autocomplete="off">
<div class="rd-search-results-live" id="rd-search-results-live-1"></div>
</div>
<button class="rd-search-form-submit fa-search" type="submit"></button>
</form>
</div>
<!-- RD Navbar Nav-->
<ul class="rd-navbar-nav">
<li class="rd-nav-item"><a class="rd-nav-link" href="index.html">Home</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="about-us.html">About us</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="our-team.html">Our Team</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="testimonials.html">Testimonials</a></li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="properties.html">Properties</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-property.html">Single Property</a></li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#">Blog</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="grid-blog.html">Grid Blog</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="sidebar-blog.html">Sidebar Blog</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-blog-post.html">Single Blog Post</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="blog-layouts.html">Blog Layouts</a></li>
</ul>
</li>
<li class="rd-nav-item active"><a class="rd-nav-link" href="#">Pages</a>
<!-- RD Navbar Megamenu-->
<ul class="rd-menu rd-navbar-megamenu">
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="typography.html">Typography</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="buttons.html">Buttons</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="forms.html">Forms</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="progress-bars.html">Progress bars</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tabs.html">Tabs</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tables.html">Tables</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="accordions.html">Accordions</a></li>
</ul>
</li>
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="small-features.html">Small Features</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="large-features.html">Large Features</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="careers.html">Careers</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="search-results.html">Search results</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="single-job.html">Single Job</a></li>
</ul>
</li>
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="404-page.html">404 Page</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="503-page.html">503 Page</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="coming-soon.html">Coming Soon</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="privacy-policy.html">Privacy policy</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="under-construction.html">Under Construction</a></li>
</ul>
</li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="contacts.html">Contacts</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- Breadcrumbs -->
<section class="breadcrumbs-custom bg-image context-dark" style="background-image: url(images/breadcrumbs-image-1.jpg);">
<div class="breadcrumbs-custom-inner">
<div class="container breadcrumbs-custom-container">
<div class="breadcrumbs-custom-main">
<h6 class="breadcrumbs-custom-subtitle title-decorated">Pages</h6>
<h2 class="text-uppercase breadcrumbs-custom-title">Forms</h2>
</div>
<ul class="breadcrumbs-custom-path">
<li><a href="index.html">Home</a></li>
<li><a href="#">Pages</a></li>
<li class="active">Forms</li>
</ul>
</div>
</div>
</section>
<!-- Newsletter form-->
<section class="section-last section-sm">
<div class="container">
<h6><span data-toggle="modal" data-target="#forms-modal-tip">Newsletter form <span class="tip-mark">?</span></span></h6>
</div>
<section class="section section-lg bg-gray-100">
<div class="container">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-8 col-lg-7 col-xl-6">
<h3 class="wow-outer text-center"><span class="wow slideInUp">Newsletter</span></h3>
<p class="wow-outer"><span class="wow slideInLeft">Keep up with our always upcoming news and updates. Enter your e-mail and subscribe to our newsletter.</span></p>
<!-- RD Mailform-->
<form class="rd-form rd-mailform form-inline wow fadeIn" data-wow-delay=".2s" data-form-output="form-output-global" data-form-type="subscribe" method="post" action="bat/rd-mailform.php">
<div class="form-wrap">
<input class="form-input" id="subscribe-form-1-email" type="email" name="email" data-constraints="@Email @Required">
<label class="form-label" for="subscribe-form-1-email">Your e-mail</label>
</div>
<div class="form-button">
<button class="button button-primary button-winona" type="submit">Subscribe</button>
</div>
</form>
</div>
</div>
</div>
</section>
</section>
<!-- Small newsletter form-->
<section class="section-last section-last section-sm">
<div class="container">
<h6><span data-toggle="modal" data-target="#forms-modal-tip">Small newsletter form <span class="tip-mark">?</span></span></h6>
</div>
<section class="section section-md bg-gray-700">
<div class="container">
<div class="row justify-content-center">
<div class="col-sm-9 col-md-6 col-lg-5 col-xl-4">
<h4>Newsletter</h4>
<p class="text-white">Sign up to our newsletter and be the first to know about the latest news, special offers, events, and discounts.</p>
<!-- RD Mailform-->
<form class="rd-form rd-mailform form-inline" data-form-output="form-output-global" data-form-type="subscribe" method="post" action="bat/rd-mailform.php">
<div class="form-wrap">
<input class="form-input" id="subscribe-form-2-email" type="email" name="email" data-constraints="@Email @Required">
<label class="form-label" for="subscribe-form-2-email">E-mail</label>
</div>
<div class="form-button">
<button class="button button-primary button-icon button-icon-only button-winona" type="submit" aria-label="submit"><span class="icon mdi mdi-email-outline"></span></button>
</div>
</form>
</div>
</div>
</div>
</section>
</section>
<!-- Photo newsletter form-->
<section class="section-last section-sm">
<div class="container">
<h6><span data-toggle="modal" data-target="#forms-modal-tip">Photo newsletter form <span class="tip-mark">?</span></span></h6>
</div>
<section class="section section-lg bg-image bg-image-light" style="background-image: url(images/bg-image-1.jpg);">
<div class="container">
<div class="row justify-content-center"></div>
<div class="col-sm-10 col-md-8 col-lg-7 col-xl-6">
<h3 class="wow-outer text-center"><span class="wow slideInUp">Newsletter</span></h3>
<p class="text-white wow-outer"><span class="wow slideInLeft">Keep up with our always upcoming news and updates. Enter your e-mail and subscribe to our newsletter.</span></p>
<!-- RD Mailform-->
<form class="rd-form rd-mailform form-inline wow fadeIn" data-wow-delay=".2s" data-form-output="form-output-global" data-form-type="subscribe" method="post" action="bat/rd-mailform.php">
<div class="form-wrap">
<input class="form-input" id="subscribe-form-3-email" type="email" name="email" data-constraints="@Email @Required">
<label class="form-label" for="subscribe-form-3-email">Your e-mail</label>
</div>
<div class="form-button">
<button class="button button-primary button-winona" type="submit">Subscribe</button>
</div>
</form>
</div>
</div>
</section>
</section>
<!-- Map & contact form-->
<section class="section-last section-sm">
<div class="container">
<h6>Map & contact form </h6>
</div>
<section class="section bg-gray-100">
<div class="range justify-content-xl-between">
<div class="cell-xl-6 align-self-center container">
<div class="row">
<div class="col-lg-9 cell-inner">
<div class="section-lg">
<h3 class="text-uppercase wow-outer"><span class="wow slideInDown">Contact Us</span></h3>
<!-- RD Mailform-->
<form class="rd-form rd-mailform" data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php">
<div class="row row-10">
<div class="col-md-6 wow-outer">
<div class="form-wrap wow fadeSlideInUp">
<label class="form-label-outside" for="contact-first-name">First Name</label>
<input class="form-input" id="contact-first-name" type="text" name="name" data-constraints="@Required">
</div>
</div>
<div class="col-md-6 wow-outer">
<div class="form-wrap wow fadeSlideInUp">
<label class="form-label-outside" for="contact-last-name">Last Name</label>
<input class="form-input" id="contact-last-name" type="text" name="name" data-constraints="@Required">
</div>
</div>
<div class="col-md-6 wow-outer">
<div class="form-wrap wow fadeSlideInUp">
<label class="form-label-outside" for="contact-email">E-mail</label>
<input class="form-input" id="contact-email" type="email" name="email" data-constraints="@Email @Required">
</div>
</div>
<div class="col-md-6 wow-outer">
<div class="form-wrap wow fadeSlideInUp">
<label class="form-label-outside" for="contact-phone">Phone</label>
<input class="form-input" id="contact-phone" type="text" name="phone" data-constraints="@PhoneNumber">
</div>
</div>
<div class="col-12 wow-outer">
<div class="form-wrap wow fadeSlideInUp">
<label class="form-label-outside" for="contact-message">Your Message</label>
<textarea class="form-input" id="contact-message" name="message" data-constraints="@Required"></textarea>
</div>
</div>
</div>
<div class="group group-middle">
<div class="wow-outer">
<button class="button button-primary button-winona wow slideInRight" type="submit">Send Message</button>
</div>
<p>or use</p>
<div class="wow-outer"><a class="button button-primary-outline button-icon button-icon-left button-winona wow slideInLeft" href="#"><span class="icon text-primary mdi mdi-facebook-messenger"></span>Messenger</a></div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="cell-xl-5 height-fill wow fadeIn">
<section class="section">
<div class="google-map-container" data-center="9870 St Vincent Place, Glasgow, DC 45 Fr 45." data-styles="[{&quot;featureType&quot;:&quot;water&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#e9e9e9&quot;},{&quot;lightness&quot;:17}]},{&quot;featureType&quot;:&quot;landscape&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#f5f5f5&quot;},{&quot;lightness&quot;:20}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;},{&quot;lightness&quot;:17}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;},{&quot;lightness&quot;:29},{&quot;weight&quot;:0.2}]},{&quot;featureType&quot;:&quot;road.arterial&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;},{&quot;lightness&quot;:18}]},{&quot;featureType&quot;:&quot;road.local&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;},{&quot;lightness&quot;:16}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#f5f5f5&quot;},{&quot;lightness&quot;:21}]},{&quot;featureType&quot;:&quot;poi.park&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#dedede&quot;},{&quot;lightness&quot;:21}]},{&quot;elementType&quot;:&quot;labels.text.stroke&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;},{&quot;color&quot;:&quot;#ffffff&quot;},{&quot;lightness&quot;:16}]},{&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:36},{&quot;color&quot;:&quot;#333333&quot;},{&quot;lightness&quot;:40}]},{&quot;elementType&quot;:&quot;labels.icon&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;transit&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#f2f2f2&quot;},{&quot;lightness&quot;:19}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#fefefe&quot;},{&quot;lightness&quot;:20}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#fefefe&quot;},{&quot;lightness&quot;:17},{&quot;weight&quot;:1.2}]}]">
<div class="google-map"></div>
<ul class="google-map-markers">
<li data-location="9870 St Vincent Place, Glasgow, DC 45 Fr 45." data-description="9870 St Vincent Place, Glasgow" data-icon="images/gmap_marker.png" data-icon-active="images/gmap_marker.png"></li>
</ul>
</div>
</section>
</div>
</div>
</section>
</section>
<!-- Map & contact form with reCAPTCHA-->
<section class="section-last section-sm">
<div class="container">
<h6>Map & contact form with reCAPTCHA</h6>
</div>
<section class="section-last section-sm section bg-gray-100">
<div class="range justify-content-xl-between">
<div class="cell-xl-6 align-self-center container">
<div class="row">
<div class="col-lg-9 cell-inner">
<div class="section-lg">
<h3>Contact Us</h3>
<!-- RD Mailform-->
<form class="rd-form rd-mailform" data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php">
<div class="row row-10">
<div class="col-md-6">
<div class="form-wrap">
<label class="form-label-outside" for="contact-2-first-name">First Name</label>
<input class="form-input" id="contact-2-first-name" type="text" name="name" data-constraints="@Required">
</div>
</div>
<div class="col-md-6">
<div class="form-wrap">
<label class="form-label-outside" for="contact-2-last-name">Last Name</label>
<input class="form-input" id="contact-2-last-name" type="text" name="name" data-constraints="@Required">
</div>
</div>
<div class="col-md-6">
<div class="form-wrap">
<label class="form-label-outside" for="contact-2-email">E-mail</label>
<input class="form-input" id="contact-2-email" type="email" name="email" data-constraints="@Email @Required">
</div>
</div>
<div class="col-md-6">
<div class="form-wrap">
<label class="form-label-outside" for="contact-2-phone">Phone</label>
<input class="form-input" id="contact-2-phone" type="text" name="phone" data-constraints="@PhoneNumber">
</div>
</div>
<div class="col-12">
<div class="form-wrap">
<label class="form-label-outside" for="contact-2-message">Your Message</label>
<textarea class="form-input" id="contact-2-message" name="message" data-constraints="@Required"></textarea>
</div>
</div>
</div>
<!-- Google captcha-->
<div class="form-wrap text-left form-validation-left">
<div class="recaptcha" id="captcha1" data-sitekey="6LfZlSETAAAAAC5VW4R4tQP8Am_to4bM3dddxkEt"></div>
</div>
<div class="group group-middle">
<button class="button button-primary button-winona" type="submit">Send Message</button>
<p>or use</p>
<button class="button button-primary-outline button-icon button-icon-left button-winona"><span class="icon text-primary mdi mdi-facebook-messenger"></span>Messenger</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="cell-xl-5 height-fill">
<div class="rd-google-map rd-google-map__model" data-marker="images/gmap_marker.png" data-marker-active="images/gmap_marker_active.png" data-styles="[{&quot;featureType&quot;:&quot;water&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#e9e9e9&quot;},{&quot;lightness&quot;:17}]},{&quot;featureType&quot;:&quot;landscape&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#f5f5f5&quot;},{&quot;lightness&quot;:20}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;},{&quot;lightness&quot;:17}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;},{&quot;lightness&quot;:29},{&quot;weight&quot;:0.2}]},{&quot;featureType&quot;:&quot;road.arterial&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;},{&quot;lightness&quot;:18}]},{&quot;featureType&quot;:&quot;road.local&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;},{&quot;lightness&quot;:16}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#f5f5f5&quot;},{&quot;lightness&quot;:21}]},{&quot;featureType&quot;:&quot;poi.park&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#dedede&quot;},{&quot;lightness&quot;:21}]},{&quot;elementType&quot;:&quot;labels.text.stroke&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;},{&quot;color&quot;:&quot;#ffffff&quot;},{&quot;lightness&quot;:16}]},{&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:36},{&quot;color&quot;:&quot;#333333&quot;},{&quot;lightness&quot;:40}]},{&quot;elementType&quot;:&quot;labels.icon&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;transit&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#f2f2f2&quot;},{&quot;lightness&quot;:19}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#fefefe&quot;},{&quot;lightness&quot;:20}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#fefefe&quot;},{&quot;lightness&quot;:17},{&quot;weight&quot;:1.2}]}]" data-zoom="14" data-x="-73.9874068" data-y="40.643180">
<ul class="map_locations">
<li data-y="40.643180" data-x="-73.9874068">
<p>9870 St Vincent Place, Glasgow, DC 45 Fr 45.</p>
</li>
</ul>
</div>
</div>
</div>
</section>
</section>
<!-- Login form-->
<section class="section-last section-sm">
<div class="container">
<h6>Login form</h6>
</div>
<section class="section-last section-sm section section-md bg-gray-700">
<div class="container">
<div class="box-1">
<h4>Sign In</h4>
<form class="rd-form rd-form-small">
<div class="form-wrap">
<input class="form-input" id="login-email" type="email" name="email" data-constraints="@Email @Required">
<label class="form-label" for="login-email">E-mail</label>
</div>
<div class="form-wrap">
<input class="form-input" id="login-password" type="password" name="password" data-constraints="@Required">
<label class="form-label" for="login-password">Password</label>
</div>
<div class="form-wrap">
<button class="button button-primary button-winona" type="submit">Sign in</button>
</div>
</form>
</div>
</div>
</section>
</section>
<!-- Registration form-->
<section class="section-last section section-md">
<div class="container">
<div class="box-1">
<h4>Registration</h4>
<form class="rd-form rd-form-small">
<div class="form-wrap">
<input class="form-input" id="register-name" type="text" name="username" data-constraints="@Required">
<label class="form-label" for="register-name">Username</label>
</div>
<div class="form-wrap">
<input class="form-input" id="register-email" type="email" name="email" data-constraints="@Email @Required">
<label class="form-label" for="register-email">E-mail</label>
</div>
<div class="form-wrap">
<input class="form-input" id="register-password" type="password" name="password" data-constraints="@Required">
<label class="form-label" for="register-password">Password</label>
</div>
<div class="form-wrap">
<input class="form-input" id="register-password-2" type="password" name="password" data-constraints="@Required">
<label class="form-label" for="register-password-2">Confirm Password</label>
</div>
<div class="form-wrap">
<button class="button button-block button-primary button-winona" type="submit">Create an Account</button>
</div>
<div class="form-wrap">
<div class="text-decoration-lines"><span class="text-decoration-lines-content">or enter with</span></div>
</div>
<div class="form-wrap">
<div class="button-group"> <a class="button button-facebook button-icon button-icon-only button-winona" href="#" aria-label="Facebook"><span class="icon mdi mdi mdi-facebook"></span></a><a class="button button-twitter button-icon button-icon-only button-winona" href="#" aria-label="Twitter"><span class="icon mdi mdi-twitter"></span></a><a class="button button-google button-icon button-icon-only button-winona" href="#" aria-label="Google+"><span class="icon mdi mdi-google"></span></a></div>
</div>
</form>
</div>
</div>
</section>
<div class="modal fade" id="forms-modal-tip">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h6>Subscribe form tip</h6>
<button class="close" type="button" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"></span></button>
</div>
<div class="modal-body">
<p>Subscribe form works as an e-mail newsletter.</p>
<p>To activate such form with an enabled <strong>MailChimp</strong> service, replace the <code>.rd-mailform</code> class with <code>.mailchimp-mailform</code> and the form's action with MailChimp subscription URL.</p>
<p>To activate the <strong>Campaign Monitor</strong> service, you need to replace the form’s [#code.rd-mailform] class with <code>.campaign-mailform</code> and copy the form's action and the name of the input field from the form generated by Campaign Monitor service.</p>
</div>
</div>
</div>
</div>
<!-- Page Footer-->
<footer class="section footer-advanced bg-gray-700">
<div class="footer-advanced-main">
<div class="container">
<div class="row row-50">
<div class="col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">About Us</h5>
<p class="footer-advanced-text">inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.</p>
</div>
<div class="col-sm-7 col-md-5 col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">Recent Blog Posts</h5>
<!-- Post Inline-->
<article class="post-inline">
<p class="post-inline-title"><a href="single-blog-post.html">Real Estate Guide: 7 Important Tips for Buying a Home</a></p>
<ul class="post-inline-meta">
<li>by Mike Barnes</li>
<li><a href="single-blog-post.html">2 days ago</a></li>
</ul>
</article>
<!-- Post Inline-->
<article class="post-inline">
<p class="post-inline-title"><a href="single-blog-post.html">Single-Family Homes as a Housing Option for Young Families</a></p>
<ul class="post-inline-meta">
<li>by Mike Barnes</li>
<li><a href="single-blog-post.html">2 days ago</a></li>
</ul>
</article>
</div>
<div class="col-sm-5 col-md-7 col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">Gallery</h5>
<div class="row row-x-10" data-lightgallery="group">
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-1.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-1-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-2.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-2-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-3.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-3-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-4.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-4-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-5.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-5-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-6.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-6-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"> </div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-7.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-7-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-8.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-8-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-advanced-aside">
<div class="container">
<div class="footer-advanced-layout">
<div>
<ul class="list-nav">
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About</a></li>
<li><a href="properties.html">Properties</a></li>
<li><a href="grid-blog.html">Blog</a></li>
<li><a href="contacts.html">Contacts</a></li>
</ul>
</div>
<div>
<ul class="foter-social-links list-inline list-inline-md">
<li><a class="icon icon-sm link-default mdi mdi-facebook" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-twitter" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-instagram" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-google" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-linkedin" href="#"></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<hr>
</div>
<div class="footer-advanced-aside">
<div class="container">
<div class="footer-advanced-layout"><a class="brand" href="index.html"><img src="images/logo-light-115x34.png" alt="" width="115" height="34" srcset="images/logo-light-115x34.png 2x"/></a>
<!-- Rights-->
<p class="rights"><span>&copy;&nbsp;</span><span class="copyright-year"></span><span>&nbsp;</span><span>All Rights Reserved.</span><span>&nbsp;</span><br class="d-sm-none"/><a href="#">Terms of Use</a><span> and</span><span>&nbsp;</span><a href="privacy-policy.html">Privacy Policy</a></p>
</div>
</div>
</div>
</footer>
</div>
<div class="preloader">
<div class="preloader-logo"><img src="images/logo-default-151x44.png" alt="" width="151" height="44" srcset="images/logo-default-151x44.png 2x"/>
</div>
<div class="preloader-body">
<div id="loadingProgressG">
<div class="loadingProgressG" id="loadingProgressG_1"></div>
</div>
</div>
</div>
<!-- Global Mailform Output-->
<div class="snackbars" id="form-output-global"></div>
<!-- Javascript-->
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>
template/real_estate_html/site/grid-blog.html
Executable
+335
View File
@@ -0,0 +1,335 @@
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>Grid Blog</title>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width height=device-height initial-scale=1.0 maximum-scale=1.0 user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- Stylesheets-->
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,800%7CPoppins:300,400,700">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css" id="main-styles-link">
<!--[if lt IE 10]>
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div class="page">
<!-- Page Header-->
<header class="section page-header">
<!-- RD Navbar-->
<div class="rd-navbar-wrap">
<nav class="rd-navbar rd-navbar-corporate" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-lg-stick-up="true" data-lg-stick-up-offset="118px" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-xl-stick-up="true" data-xl-stick-up-offset="118px" data-xxl-layout="rd-navbar-static" data-xxl-device-layout="rd-navbar-static" data-xxl-stick-up-offset="118px" data-xxl-stick-up="true">
<div class="rd-navbar-aside-outer">
<div class="rd-navbar-aside">
<!-- RD Navbar Panel-->
<div class="rd-navbar-panel">
<!-- RD Navbar Toggle-->
<button class="rd-navbar-toggle" data-rd-navbar-toggle="#rd-navbar-nav-wrap-1"><span></span></button>
<!-- RD Navbar Brand--><a class="rd-navbar-brand" href="index.html"><img src="images/logo-default-151x44.png" alt="" width="151" height="44" srcset="images/logo-default-151x44.png 2x"/></a>
</div>
<div class="rd-navbar-collapse">
<button class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1" data-rd-navbar-toggle="#rd-navbar-collapse-content-1"><span></span></button>
<div class="rd-navbar-collapse-content" id="rd-navbar-collapse-content-1">
<article class="unit align-items-center">
<div class="unit-left"><span class="icon icon-md icon-modern mdi mdi-phone"></span></div>
<div class="unit-body">
<ul class="list-0">
<li><a class="link-default" href="tel:#">1-800-1234-567</a></li>
<li><a class="link-default" href="tel:#">1-800-8763-765</a></li>
</ul>
</div>
</article>
<article class="unit align-items-center">
<div class="unit-left"><span class="icon icon-md icon-modern mdi mdi-map-marker"></span></div>
<div class="unit-body"><a class="link-default" href="tel:#">2130 Fulton Street <br> San Diego, CA 94117-1080</a></div>
</article><a class="button button-gray-bordered button-winona" href="#">Request a call</a>
</div>
</div>
</div>
</div>
<div class="rd-navbar-main-outer">
<div class="rd-navbar-main">
<div class="rd-navbar-nav-wrap" id="rd-navbar-nav-wrap-1">
<!-- RD Navbar Search-->
<div class="rd-navbar-search" id="rd-navbar-search-1">
<button class="rd-navbar-search-toggle" data-rd-navbar-toggle="#rd-navbar-search-1"><span></span></button>
<form class="rd-search" action="search-results.html" data-search-live="rd-search-results-live-1" method="GET">
<div class="form-wrap">
<label class="form-label" for="rd-navbar-search-form-input-1">Search...</label>
<input class="form-input rd-navbar-search-form-input" id="rd-navbar-search-form-input-1" type="text" name="s" autocomplete="off">
<div class="rd-search-results-live" id="rd-search-results-live-1"></div>
</div>
<button class="rd-search-form-submit fa-search" type="submit"></button>
</form>
</div>
<!-- RD Navbar Nav-->
<ul class="rd-navbar-nav">
<li class="rd-nav-item"><a class="rd-nav-link" href="index.html">Home</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="about-us.html">About us</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="our-team.html">Our Team</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="testimonials.html">Testimonials</a></li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="properties.html">Properties</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-property.html">Single Property</a></li>
</ul>
</li>
<li class="rd-nav-item active"><a class="rd-nav-link" href="#">Blog</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="grid-blog.html">Grid Blog</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="sidebar-blog.html">Sidebar Blog</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-blog-post.html">Single Blog Post</a></li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="blog-layouts.html">Blog Layouts</a></li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#">Pages</a>
<!-- RD Navbar Megamenu-->
<ul class="rd-menu rd-navbar-megamenu">
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="typography.html">Typography</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="buttons.html">Buttons</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="forms.html">Forms</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="progress-bars.html">Progress bars</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tabs.html">Tabs</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tables.html">Tables</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="accordions.html">Accordions</a></li>
</ul>
</li>
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="small-features.html">Small Features</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="large-features.html">Large Features</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="careers.html">Careers</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="search-results.html">Search results</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="single-job.html">Single Job</a></li>
</ul>
</li>
<li class="rd-megamenu-item">
<ul class="rd-megamenu-list">
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="404-page.html">404 Page</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="503-page.html">503 Page</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="coming-soon.html">Coming Soon</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="privacy-policy.html">Privacy policy</a></li>
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="under-construction.html">Under Construction</a></li>
</ul>
</li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="contacts.html">Contacts</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- Breadcrumbs -->
<section class="breadcrumbs-custom bg-image context-dark" style="background-image: url(images/breadcrumbs-image-1.jpg);">
<div class="breadcrumbs-custom-inner">
<div class="container breadcrumbs-custom-container">
<div class="breadcrumbs-custom-main">
<h6 class="breadcrumbs-custom-subtitle title-decorated">Blog</h6>
<h2 class="text-uppercase breadcrumbs-custom-title">Grid Blog</h2>
</div>
<ul class="breadcrumbs-custom-path">
<li><a href="index.html">Home</a></li>
<li><a href="#">Blog</a></li>
<li class="active">Grid Blog</li>
</ul>
</div>
</div>
</section>
<section class="section section-lg">
<div class="container">
<div class="row row-50 row-xxl-70">
<div class="col-md-6 scaleFadeInWrap">
<!-- Post Modern-->
<div class="wow scaleFadeIn">
<article class="post-modern"><a class="post-modern-media" href="single-blog-post.html"><img src="images/grid-blog-1-571x353.jpg" alt="" width="571" height="353"/></a>
<h4 class="post-modern-title"><a class="post-modern-title" href="single-blog-post.html">7 Important Tips for Buying a Home</a></h4>
<ul class="post-modern-meta">
<li>by Mike Barnes</li>
<li>
<time datetime="2018">Apr 21, 2018 at 12:05 pm</time>
</li>
<li><a class="button-winona" href="#">News</a></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
</article>
</div>
</div>
<div class="col-md-6 scaleFadeInWrap">
<!-- Post Modern-->
<div class="wow scaleFadeIn" data-wow-delay=".1s">
<article class="post-modern"> <a class="post-modern-media" href="single-blog-post.html"><img src="images/grid-blog-2-571x353.jpg" alt="" width="571" height="353"/></a>
<h4 class="post-modern-title"><a class="post-modern-title" href="single-blog-post.html">Useful Habits for Potential Home Buyers</a></h4>
<ul class="post-modern-meta">
<li>by Mike Barnes</li>
<li>
<time datetime="2018">Apr 21, 2018 at 12:05 pm</time>
</li>
<li><a class="button-winona" href="#">Real Estate</a></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
</article>
</div>
</div>
<div class="col-md-6 scaleFadeInWrap">
<!-- Post Modern-->
<div class="wow scaleFadeIn">
<article class="post-modern"><a class="post-modern-media" href="single-blog-post.html"><img src="images/grid-blog-3-571x353.jpg" alt="" width="571" height="353"/></a>
<h4 class="post-modern-title"><a class="post-modern-title" href="single-blog-post.html">7 Signs Your Home Will Have Good Resale Value</a></h4>
<ul class="post-modern-meta">
<li>by Mike Barnes</li>
<li>
<time datetime="2018">Apr 21, 2018 at 12:05 pm</time>
</li>
<li><a class="button-winona" href="#">News</a></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
</article>
</div>
</div>
<div class="col-md-6 scaleFadeInWrap">
<!-- Post Modern-->
<div class="wow scaleFadeIn" data-wow-delay=".1s">
<article class="post-modern"><a class="post-modern-media" href="single-blog-post.html"><img src="images/grid-blog-4-571x353.jpg" alt="" width="571" height="353"/></a>
<h4 class="post-modern-title"><a class="post-modern-title" href="single-blog-post.html">Single-Family Homes as a Housing Option</a></h4>
<ul class="post-modern-meta">
<li>by Mike Barnes</li>
<li>
<time datetime="2018">Apr 21, 2018 at 12:05 pm</time>
</li>
<li><a class="button-winona" href="#">Real Estate</a></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
</article>
</div>
</div>
</div>
<div class="pagination">
<div class="page-item active"><a class="page-link button-winona" href="#">1</a></div>
<div class="page-item"><a class="page-link button-winona" href="#">2</a></div>
<div class="page-item"><a class="page-link button-winona" href="#">3</a></div>
<div class="page-item"><a class="page-link button-winona" href="#">4</a></div>
</div>
</div>
</section>
<!-- Page Footer-->
<footer class="section footer-advanced bg-gray-700">
<div class="footer-advanced-main">
<div class="container">
<div class="row row-50">
<div class="col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">About Us</h5>
<p class="footer-advanced-text">inHouse is the largest full-service real estate and property management company. We offer expertise in the marketing and sale of a wide range of properties, including residential real estate, farms and lifestyle blocks, as well as commercial and industrial properties that we hope may interest you.</p>
</div>
<div class="col-sm-7 col-md-5 col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">Recent Blog Posts</h5>
<!-- Post Inline-->
<article class="post-inline">
<p class="post-inline-title"><a href="single-blog-post.html">Real Estate Guide: 7 Important Tips for Buying a Home</a></p>
<ul class="post-inline-meta">
<li>by Mike Barnes</li>
<li><a href="single-blog-post.html">2 days ago</a></li>
</ul>
</article>
<!-- Post Inline-->
<article class="post-inline">
<p class="post-inline-title"><a href="single-blog-post.html">Single-Family Homes as a Housing Option for Young Families</a></p>
<ul class="post-inline-meta">
<li>by Mike Barnes</li>
<li><a href="single-blog-post.html">2 days ago</a></li>
</ul>
</article>
</div>
<div class="col-sm-5 col-md-7 col-lg-4">
<h5 class="font-weight-bold text-uppercase text-white">Gallery</h5>
<div class="row row-x-10" data-lightgallery="group">
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-1.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-1-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-2.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-2-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-3.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-3-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-4.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-4-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-5.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-5-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-6.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-6-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"> </div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-7.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-7-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
<div class="col-3 col-sm-4 col-md-3"><a class="thumbnail-minimal" href="images/gallery-original-8.jpg" data-lightgallery="item"><img class="thumbnail-minimal-image" src="images/footer-gallery-8-85x85.jpg" alt="">
<div class="thumbnail-minimal-caption"></div></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-advanced-aside">
<div class="container">
<div class="footer-advanced-layout">
<div>
<ul class="list-nav">
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About</a></li>
<li><a href="properties.html">Properties</a></li>
<li><a href="grid-blog.html">Blog</a></li>
<li><a href="contacts.html">Contacts</a></li>
</ul>
</div>
<div>
<ul class="foter-social-links list-inline list-inline-md">
<li><a class="icon icon-sm link-default mdi mdi-facebook" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-twitter" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-instagram" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-google" href="#"></a></li>
<li><a class="icon icon-sm link-default mdi mdi-linkedin" href="#"></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<hr>
</div>
<div class="footer-advanced-aside">
<div class="container">
<div class="footer-advanced-layout"><a class="brand" href="index.html"><img src="images/logo-light-115x34.png" alt="" width="115" height="34" srcset="images/logo-light-115x34.png 2x"/></a>
<!-- Rights-->
<p class="rights"><span>&copy;&nbsp;</span><span class="copyright-year"></span><span>&nbsp;</span><span>All Rights Reserved.</span><span>&nbsp;</span><br class="d-sm-none"/><a href="#">Terms of Use</a><span> and</span><span>&nbsp;</span><a href="privacy-policy.html">Privacy Policy</a></p>
</div>
</div>
</div>
</footer>
</div>
<div class="preloader">
<div class="preloader-logo"><img src="images/logo-default-151x44.png" alt="" width="151" height="44" srcset="images/logo-default-151x44.png 2x"/>
</div>
<div class="preloader-body">
<div id="loadingProgressG">
<div class="loadingProgressG" id="loadingProgressG_1"></div>
</div>
</div>
</div>
<!-- Global Mailform Output-->
<div class="snackbars" id="form-output-global"></div>
<!-- Javascript-->
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>
template/real_estate_html/site/images/accordions-1-470x368.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 KiB

template/real_estate_html/site/images/ajax-loader.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

template/real_estate_html/site/images/bg-1-1920-455.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 139 KiB

template/real_estate_html/site/images/bg-image-1.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 300 KiB

template/real_estate_html/site/images/bg-image-2.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 588 KiB

template/real_estate_html/site/images/bg-image-3.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

template/real_estate_html/site/images/bg-image-4.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 647 KiB

template/real_estate_html/site/images/bg-image-5.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 372 KiB

template/real_estate_html/site/images/bg-image-6.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 474 KiB

template/real_estate_html/site/images/bg-image-7.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 455 KiB

template/real_estate_html/site/images/bg-pattern-boxed.png
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB

template/real_estate_html/site/images/blog-layouts-1-270x184.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

template/real_estate_html/site/images/blog-layouts-2-270x184.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

template/real_estate_html/site/images/blog-layouts-3-270x184.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

template/real_estate_html/site/images/blog-layouts-4-270x184.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

template/real_estate_html/site/images/blog-layouts-5-637x456.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 94 KiB

template/real_estate_html/site/images/breadcrumbs-image-1.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 163 KiB

template/real_estate_html/site/images/call-to-action-1-1920x584.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 89 KiB

template/real_estate_html/site/images/call-to-action-2-1920x584.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 178 KiB

template/real_estate_html/site/images/careers-1-570x368.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 84 KiB

template/real_estate_html/site/images/careers-1-570x388.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

template/real_estate_html/site/images/comment-1-48x48.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

template/real_estate_html/site/images/comment-2-48x48.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

template/real_estate_html/site/images/comment-3-48x48.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

template/real_estate_html/site/images/favicon-exit.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

template/real_estate_html/site/images/favicon.ico
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 136 KiB

template/real_estate_html/site/images/footer-gallery-1-85x85.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

template/real_estate_html/site/images/footer-gallery-2-85x85.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

template/real_estate_html/site/images/footer-gallery-3-85x85.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

template/real_estate_html/site/images/footer-gallery-4-85x85.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

template/real_estate_html/site/images/footer-gallery-5-85x85.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

template/real_estate_html/site/images/footer-gallery-6-85x85.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

template/real_estate_html/site/images/footer-gallery-7-85x85.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

template/real_estate_html/site/images/footer-gallery-8-85x85.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

template/real_estate_html/site/images/galleries-1-320x320.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

template/real_estate_html/site/images/galleries-2-320x320.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

template/real_estate_html/site/images/galleries-3-320x320.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

template/real_estate_html/site/images/galleries-4-320x320.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

template/real_estate_html/site/images/galleries-5-320x320.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

template/real_estate_html/site/images/galleries-6-320x320.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

template/real_estate_html/site/images/gallery-masonry-1-370x256.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

template/real_estate_html/site/images/gallery-masonry-1-original.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 175 KiB

template/real_estate_html/site/images/gallery-masonry-2-370x464.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 77 KiB

Loaded 100 of 558 files, more files were not shown because too many files have changed in this diff. Show more