/*!
Theme Name: Zaarour Ali
Theme URI: http://underscores.me/
Author: Moinahemad H Mansuri
Author URI: https://lionstechnologies.com/
Description: Custom Theme Development for Zaarour Ali
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: zaarour-ali
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Zaarour Ali is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
- Normalize
- Box sizing
# Base
- Typography
- Elements
- Links
- Forms
## Layouts
# Components
- Navigation
- Posts and pages
- Comments
- Widgets
- Media
- Captions
- Galleries
# plugins
- Jetpack infinite scroll
# Utilities
- Accessibility
- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
========================================================================== */

/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/




.property .swiper .swiper-slide img {
	width: 100%;
	object-fit: cover;
	height: 85vh;
}

.property .sheet-wrapper {
	position: absolute;
	left: 50px;
	top: 100px;
	width: 400px;
	height: calc(100% - 140px);
	z-index: 1;
}

.property .sheet-wrapper .btn-default:hover, .property .sheet-wrapper .btn-default:focus {
	border-color: #fff;
}

.property .sheet {
	background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
	padding: 32px 32px 100px;
	color: #fff;
	height: 600px;
	position: relative;
	max-width: 400px;
}

.property {
	margin-top: 85px;
	position: relative;
	padding: 0 20px 0 20px;
}

.property .sheet .address h3 {
	font-size: 40px;
	line-height: 1;
	margin: 10px 0;
	color: #fff;
	text-transform: none;
	font-weight: 400;
}

.property .btn-default.screen {
	color: #fff;
}

.property .sheet .address, .property .sheet .sector {
	padding-bottom: 30px;
	border-bottom: 1px solid #fff;
	margin-bottom: 30px;
}

.property .sheet .address span {
	font-size: 20px;
}

.property .sheet .price {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 20px;
	margin-bottom: 25px;
}

.property .sheet .price h3 {
	font-size: 20px;
}

.property .sector h3, .property .download h3 {
	color: #fff;
	font-size: 18px;
	letter-spacing: 4px;
}

.property .sector span {
	font-size: 22px;
}

.property .download span {
	display: block;
	font-size: 22px;
}

.property .btns {
	position: absolute;
	bottom: 25px;
	right: 30px;
}

.property .sheet.sticky-top {
	position: sticky;
	top: 100px;
}

.property .inner {
	padding: 60px 40px 60px 0;
}

.property .inner .title {
	font-size: 45px;
	border-bottom: 1px solid #000;
	padding-bottom: 15px;
	margin-bottom: 40px;
}

.property .inner .broker {
	display: flex;
	flex-wrap: wrap;
}

.property .inner .broker img {
	width: 300px;
	padding-top: 20px;
	border-radius: 50%;
}

.property .inner .broker .img {
	background: #ddd;
	border-radius: 50%;
}

.property .inner .info {
	padding-left: 40px;
	align-self: center;
}

.property .inner .info span, .property .inner .info a {
	display: block;
}

.property .inner .mbtween {
	margin: 40px 0;
}

.property .inner .info span {
	font-size: 20px;
	color: #000;
	text-transform: uppercase;
	margin-top: 15px;
}

.property .table td {
	border: none !important;
}

.property .table thead th {
	border-top: none;
	border-bottom: 1px solid;
	font-size: 45px;
	border-bottom: 1px solid #000;
	padding-bottom: 15px;
	margin-bottom: 40px;
	font-weight: 600;
	color: #000;
	padding-left: 0;
}

.property .collapsed .pull-right i {
	transform: rotate(180deg);
}

.property .pull-right i {
	transition: 0.4s all ease;
	cursor: pointer;
}

.property th {
  padding: 12px 15px;
  background-color: #f4f4f4;
  color: #222;
  font-weight: 600;
  text-align: left;
}

.property td {
  padding: 12px 15px;
  color: #555;
}

.property tr:hover td {
  background-color: #fafafa;
}

.prop-table {
	border: none !important;
}

.property .table tr:nth-child(2n) {
	background-color: #f3f4f4;
}

.property .table td, .property .table th {
	font-weight: 400;
	font-size: 15px;
}

.property .inner .info a {
	font-size: 20px;
}

.property .inner .broker .name {
	font-size: 35px;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 5px;
	line-height: 1;
}

.property .inner .floor {
	position: relative;
	height: 400px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	transition: .3s ease;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.property .inner .floor:hover::before {
	background: rgba(0, 0, 0, .7);
}

.property .inner .floor::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .5);
	transition: 0.3s all ease;
}

.property .inner .floor .downloadf {
	position: relative;
	z-index: 1;
	color: #fff;
	text-align: center;
	transition: 0.3s all ease;
}

.property .inner .floor .downloadf i {
	border: 2px solid #fff;
	margin: 10px auto 15px auto;
	text-align: center;
	padding: 15px 19px 15px 20px;
	font-size: 22px;
	color: #fff;
	position: relative;
}

.property .inner .floor .downloadf h3 {
	color: #fff;
	margin-bottom: 20px;
	font-size: 30px;
}

.property .inner .floor .downloadf span {
	display: block;
	font-size: 20px;
	text-transform: uppercase;
	margin-top: 20px;
}

.property .inner .floor:hover .downloadf {
	transform: translateY(-20px);
}

.property .table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.sheet {
	position: relative;
	transition: all 0.3s ease;
}

.sheet.is-fixed {
	position: fixed;
	top: 100px; /* distance from top when fixed */
	width: 100%;
	max-width: 400px; /* adjust to your layout */
	z-index: 999;
}

.sheet.is-stopped {
	position: absolute;
	bottom: 0;
	top: auto;
}
/*** family-banner ***/
.family-banner {
    background: url(../img/banner-family.jpg) 50% 50% no-repeat;
    background-size: cover;
    align-items: end;
    padding-bottom: 60px;
    position: relative;
    overflow: hidden;
}
 
.banner.family-banner:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    top: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.85) 100%);
}
 
.banner.family-banner .row {
    position: relative;
    z-index: 2;
}
 
.banner.family-banner .logo {
    margin-bottom: 90px;
}
 
.banner.family-banner .logo img {
    max-height: 70px;
}
 
.family-banner .socials a {
    background: #fff;
    color: #000;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 35px;
    font-size: 18px;
    text-align: center;
    border-radius: 50%;
    margin: 0px 5px;
}
 
 
/*** peace-mind ***/
.peace-mind {
    padding: 90px 0px 90px 0px;
}
 
.peace-mind p a {
    font-weight: 600;
}
 
.peace-mind p span {
    font-weight: 600;
    margin: 0px 10px;
}
 
.team.familypage {
    padding: 50px 0px 40px 0px;
}
 
.team.familypage .team-box {
    margin-bottom: 25px;
}
 
.properties.familypage .section-title {
    margin-bottom: 30px;
}
 
.listingbox-new {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}
 
.listingbox-new .img {
    display: inline-block;
    width: 100%;
    position: relative;
}
 
.listingbox-new .prop-label {
    position: absolute;
    min-width: 80px;
    border-radius: 20px;
    left: auto;
    top: 10px;
    right: 10px;
}
 
.listingbox-new .text {
    display: inline-block;
    width: 100%;
}
 
.listingbox-new .text h6 {
    font-family: "Fakt";
    color: rgba(0, 0, 0, 0.8);
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    margin-top: 10px;
}
 
.listingbox-new .text h3 {
    font-family: "Fakt";
    color: rgba(0, 0, 0, 1);
    font-size: 20px;
    line-height: 1.4;
    margin: 0;
}
 
.listingbox-new .text p {
    font-family: 'MADESAONARAPERSONALUSE';
    font-family: "Fakt";
    color: rgba(0, 0, 0, 0.8);
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
}
 
.listingbox-new .bordered-list {
    list-style: none;
    display: inline-block;
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    margin-top: 20px;
}
 
.listingbox-new .bordered-list li {
    padding: 0 12px;
    font-family: "Fakt";
    color: rgba(0, 0, 0, 1);
    font-size: 18px;
    line-height: 1.4;
    position: relative;
}
 
.listingbox-new .bordered-list li:first-child {
    padding-left: 0px;
}
 
.listingbox-new .bordered-list li:not(:last-child):after {
    background: rgba(0, 0, 0, 0.4);
    content: '';
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
}
 
.listingbox-new .bordered-list li span {
    color: rgba(0, 0, 0, 0.8);
    font-size: 14px;
    line-height: 1.4;
}
 
 
/*** bloginfo ***/
.bloginfo {
 
}
 
#stickyLeft.fixed {
    position: fixed;
    top: 100px;
    max-width: 660px;
    border-color: transparent;
}
 
#stickyLeft.stop {
    position: absolute;
    bottom: 0;
    top: auto;
}
 
.bloginfo .left {
    float: left;
    width: 100%;
    padding: 30px 30px 45px 30px;
    border-top: 1px solid rgba(0,0,0, 0.1);
}
 
.blogbox {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    background: #000;
    overflow: hidden;
}
 
.blogbox.fixed {
    position: sticky;
    top: 100px;
}
 
.blogbox .img {
    display: inline-block;
    float: left;
    width: 100%;
    overflow: hidden;
}
 
.blogbox .img img {
    display: inline-block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / .8;
    object-fit: cover;
}
 
.blogbox .img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0) 100%);
}
 
.blogbox .text {
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    transition: 0.3s ease-out;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    gap: 20px;
}
 
.blogbox .text .btn-default {
    padding: 0px 15px;
}
 
.blogbox .text h2 {
    color: #fff;
    font-size: 32px;
    line-height: 1.2;
}
 
.blogbox .text p {
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
}
 
 
.bloginfo .right {
    border-left: 1px solid rgba(0,0,0, 0.1);
    border-right: 1px solid rgba(0,0,0, 0.1);
    border-top: 1px solid rgba(0,0,0, 0.1);
}
 
.bloginfo .right>.row>div:nth-child(odd) {
    border-right: 1px solid rgba(0,0,0, 0.1);
}
 
.blogbox-small {
    display: inline-block;
    width: 100%;
    padding: 30px 30px 45px 30px;
    border-bottom: 1px solid rgba(0,0,0, 0.1);
}
 
.blogbox-small h6 {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    line-height: 1.4;
    font-family: 'MADESAONARAPERSONALUSE';
    font-family: "Fakt";
    margin-top: 15px;
}
 
.blogbox-small h3 {
    color: rgba(0, 0, 0, 1);
    font-size: 20px;
    line-height: 1.4;
    font-family: 'MADESAONARAPERSONALUSE';
    font-family: "Fakt";
}
 
.blogbox-small p {
    color: rgba(0, 0, 0, 1);
    font-size: 14px;
    line-height: 1.4;
}
 
 
 
 
@media only screen and (max-width:767px) {
#stickyLeft.fixed {
    position: relative;
    top: 0px;
    max-width: 100%;
    border-color: transparent;
}
 
.blogbox .text h2 {
    font-size: 25px;
}
 
.blogbox .text p {
    font-size: 14px;
}
 
.blogbox-small {
    border-right: none !important;
}
 
.blogbox .img img {
    aspect-ratio: 1 / 1;
}
 
.bloginfo .right {
    border-left: none;
    border-right: none;
}
 
.bloginfo .right>.row>div:nth-child(odd) {
    border-right: none !important;
}
 
}
 
@media only screen and (min-width:768px) and (max-width:991px) {
#stickyLeft.fixed {
    max-width: 360px;
}
 
.blogbox .text h2 {
    font-size: 25px;
}
 
.blogbox .text p {
    font-size: 14px;
}
 
}
 
@media only screen and (min-width:992px) and (max-width:1199px) {
#stickyLeft.fixed {
    max-width: 480px;
}
 
 
 
}
 
@media only screen and (min-width:1200px) and (max-width:1399px) {
#stickyLeft.fixed {
    max-width: 570px;
}
 
 
 
}

.stats .bg-stats {
    background: none;
    padding: 50px 0px;
}
 
.stats .bg-stats * {
    color: #000;
}
 
.stats .section-title h2 {
    margin-bottom: 40px;
}
 
.stats .section-title h2:before {
    background: #000;
}
 
.stats .stat-num .label {
    font-size: 20px;
    color: #000;
    letter-spacing: 5px;
    font-family: "Montserrat", sans-serif;
}
 
.stats .stat-num .num {
    color: #000;
    letter-spacing: 0.5px;
    font-size: 70px;
    font-weight: 400;
    margin-top: 0px;
    position: relative;
    text-transform: uppercase;
    font-family: 'MADESAONARAPERSONALUSE';
}
 
@media only screen and (max-width: 767px) {
.stats .bg-stats {
    background: #fff;
    padding: 50px 0px;
}
 
.stats .bg-stats .section-title {
    text-align: center;
}
 
.stats .bg-stats .section-title h2 {
    text-align: center;
}
 
.stats .stat-num {
    margin: 5px 0px 25px 0px;
}
 
.stats .stat-num .num {
    font-size: 35px;
}
 
.stats .stat-num .label {
    font-size: 14px;
    letter-spacing: 3px;
}
 
 
}
 
@media only screen and (min-width:768px) and (max-width:991px) {
.stats .stat-num .label {
    font-size: 13px;
    letter-spacing: 2px;
}
 
.stats .stat-num .num {
    font-size: 54px;
}
 
.stats .bg-stats {
    padding: 50px 0px;
}
 
}
 
@media only screen and (min-width:992px) and (max-width:1199px) {
.stats .bg-stats {
    padding: 50px 0px;
}
 
.stats .stat-num .label {
    font-size: 17px;
    letter-spacing: 2px;
}
 
 
}
 
@media only screen and (min-width:1200px) and (max-width:1399px) {
.stats .stat-num .label {
    font-size: 18px;
    letter-spacing: 3px;
}
 
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
  
.navigation li {
    display: inline;
}
  
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #fff;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
	color:#000;
}
  
.navigation li a:hover,
.navigation li.active a {
    background-color: #000;
	color:#fff;
}

.listingbox-new .img-div {
    display: inline-block;
    width: 100%;
    position: relative;
    overflow: hidden;
    aspect-ratio: 1 / .67;
}
 
.listingbox-new .img-div img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    transition: all .5s;
    opacity: 0;
}
 
.listingbox-new .img-div img.active {
    opacity: 1;
}

.social-media{
	margin-bottom:10px;
}

.banner .slogan h6{
	font-size:40px;
}

.section-title h6{
	margin-bottom:25px;
}


img.flogo {
    max-height: 80px;
}

.navbar-light .navbar-nav>.nav-item:hover>.nav-link::before,
.navbar-light .navbar-nav>.nav-item.current_page_item>.nav-link::before,
.navbar-light .navbar-nav>.nav-item.current_page_parent>.nav-link::before {
    width: 100%;
}
 
.navbar-light .navbar-nav>.nav-item>.nav-link::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0px;
    height: 100%;
    border-bottom: 2px solid #000;
    transition: all .3s;
    background: none !important;
}
 
.navbar-light .navbar-nav > .nav-item > .nav-link {
    text-decoration: none !important;
    line-height: 33px;
}
 
.navbar-light .navbar-nav>.nav-item ul.sub-menu>li:hover>a,
.navbar-light .navbar-nav>.nav-item ul.sub-menu>li.current-menu-item>a {
    color: #fff !important;
    background: #000 !important;
}
 
.menu-btn span {
    background: #000 !important;
}
 
.side-menu {
    padding: 50px 25px;
}
 
.side-menu ul.main-menu>li>a {
    position: relative;
    transition: all .3s;
    letter-spacing: 0;
    text-transform: none;
}
 
.side-menu ul.main-menu>li {
    position: relative;
    transition: all .3s;
}
 
.side-menu ul.main-menu>li::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0px;
    height: 100%;
    border-bottom: 2px solid #000;
    transition: all .3s;
    background: none !important;
}
 
.side-menu ul.main-menu>li:hover::before,
.side-menu ul.main-menu>li.current-menu-item::before,
.side-menu ul.main-menu>li.current-menu-parent::before {
    width: 100%;
}
 
.side-menu ul.navbar-nav > li > ul.sub-menu > li a {
    font-size: 14px;
}

 
footer .right-side-footer {
    text-align: right;
}
 
footer .right-side-footer .contact-details.links li {
    min-width: auto;
    margin-left: 30px;
}
 
footer .right-side-footer .contact-details.links {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: end;
}
 
footer .right-side-footer .contact-details li {
    display: inline-block;
    margin-left: 22px;
}
 
footer .right-side-footer .contact-details.social-links {
    justify-content: end;
    gap: 10px;
}
 
footer .right-side-footer .contact-details.social-links li {
    margin-left: 0px;
}
 
footer .foot-logo img {
    max-height: 55px;
}
 
footer img.flogo {
    max-height: 51px;
    display: block;
}
 .remaining-experience {
    position: relative;
}
 
.remaining-experience .section-title {
    margin-bottom: 30px;
}
 
.remaining-experience .space-left {
    padding: 50px 50px;
}
 
.remaining-experience .img-right {
    height:100vh;
    width: 100%;
    object-fit: cover;
}
 
.remaining-experience .btns-bar {
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
}
 
.remaining-experience .btns-bar a {
    width: 45%;
    position: relative;
    margin-bottom: 35px;
}
 
.remaining-experience .btns-bar h3 {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0;
}
 
.remaining-experience .btns-bar p {
    font-size: 14px;
    margin: 0px;
}
 
.remaining-experience .btns-bar .explore {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 13px;
}
 
.remaining-experience .btns-bar .explore i {
    margin-left: 7px;
}
 
 
 
@media only screen and (max-width: 767px) {
.remaining-experience .btns-bar a {
    width: 100%;
}
 
.remaining-experience .space-left {
    padding: 50px 30px;
}
 
}
 
@media only screen and (min-width: 768px)and (max-width: 991px) {
.remaining-experience .btns-bar a {
    width: 100%;
}
 
}
 
@media only screen and (min-width: 992px)and (max-width: 1199px) {
.remaining-experience .btns-bar a {
    width: 47%;
}
 
 
}
.copyrights{
	display:none;
}