/*!
Theme Name: Atlas Real Estate Advisors
Theme URI: http://btsbrands.com/
Author: BTS Brands
Author URI: https://btsbrands.com/
Description: Custom WordPress theme for Atlas Real Estate Advisors by BTS Brands
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: bts_brands
*/

:root {
	--primary-color : #032d43;
	--second-color : #1264a9;
	--dark : #3e3e3e;
	--darker : #000000;
}
*, *::before, *::after {box-sizing: border-box;}
body {
	overflow-x: hidden !important;
	color: var(--dark);
	font-size: 15px;
	line-height: 1.5; margin: 0;
	font-family: 'Montserrat', sans-serif;
}
#webWrapper {width: 100%; overflow-x: hidden;}
/************************* fonts, buttons, icons and text blocks styles**********************************/
h1{font-size: 50px; color: var(--primary-color); line-height: 1.5; font-weight: 400;}
h2{font-size: 40px; color: var(--primary-color); line-height: 1.5;}
h3{font-size: 25px; color: var(--primary-color); line-height: 1.5; font-weight: 400;}
h4{font-size: 20px; color: var(--primary-color); line-height: 1.5;}
h5{font-size: 16px; color: var(--primary-color); line-height: 1.5;}
h6{font-size: 14px; color: var(--primary-color); line-height: 1.5;}
h1 strong, h2 strong {color: var(--primary-color);}
h3 strong, h4 strong, h5 strong, h6 strong {color: var(--primary-color);}
p {margin: 15px 0 0;}
ul {padding: 0; margin: 0; list-style: none;}
.heading-inline{display: inline !important;}
a{color: var(--dark); font-weight: 400;text-decoration: none; -webkit-transition: 0.3s ease-in-out !important;-moz-transition: 0.3s ease-in-out !important;-ms-transition: 0.3s ease-in-out !important;-o-transition: 0.3s ease-in-out !important;transition: 0.3s ease-in-out !important;}
a:hover,
a:focus {color: var(--darker); text-decoration: none;outline: none;}
img{image-rendering: -webkit-optimize-contrast;}
/************************* fonts, buttons, icons and text blocks styles end**********************************/
/************************* margins and paddings***************************************************************/
.marginauto{margin: auto;} 
.marginxs{margin-top: 30px; margin-bottom: 30px;}
.marginsm{margin-top: 55px; margin-bottom: 55px;}
.marginmd{margin-top: 90px; margin-bottom: 90px;}
.marginlg{margin-top: 150px; margin-bottom: 150px;} 
.paddingxs{padding-top: 30px; padding-bottom: 30px;}
.paddingsm{padding-top: 55px; padding-bottom: 55px;}
.paddingmd{padding-top: 90px; padding-bottom: 90px;}
.paddinglg{padding-top: 150px; padding-bottom: 150px;}
.notopmargin{margin-top: 0 !important;} .nobottommargin{margin-bottom: 0 !important;} .noleftmargin{margin-left:  0 !important;} .norightmargin{margin-right:  0 !important;}
.notoppadding{padding-top: 0 !important;} .nobottompadding{padding-bottom: 0 !important;} .noleftpadding{padding-left:  0 !important;} .norightpadding{padding-right:  0 !important;}
.custom-width-70{width: 70%; margin: auto;}
.custom-width-80{width: 80%; margin: auto;}
.custom-width-90{width: 90%; margin: auto; }
/************************* margins and paddings end***************************************************************/
/*****************backgrounds, borders and lines**************************************************************************************/
.bgLight {background-color: #f2f2f2;}

/*****************backgrounds, borders and lines**************************************************************************************/
/*************************** general global styles**************************************************************************************/
.img-100 img{max-width: 100%; height: auto !important;}
.img-min-100 img{min-width: 100%; max-width: 100%; height: auto !important;}
/*************************** general global styles end**************************************************************************************/
.page-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #ffffff;
	z-index: 1042;
	opacity: 1;
}
.page-loaded {
	opacity: 0;
}
.loaded-zindex {
	z-index: -9 !important;
}
.loaded {
	display: none !important;
}
.loader-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100px;
}
/***
====================================================================
	Start Main Menu
====================================================================
*/
.topMainNav {
	position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 0;
    width: 100%;
    background: #ffffff; 
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    box-shadow: rgba(0,0,0,.10) 0 3px 11px 0;
    -moz-box-shadow: rgba(0,0,0,.10) 0 3px 11px 0;
    -webkit-box-shadow: rgba(0,0,0,.10) 0 3px 11px 0;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
/*.topMainNav > div.topMainNavContainer {
	 display: flex; flex-wrap: wrap; width: 100%;  
	max-width: 100%; position: relative; width: 100%;
}*/
#navLogoBox {
	/* width: 320px; background: url(assets/img/logo.webp) left center no-repeat; background-size: auto 100%; display: block; */
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;}
/* .topMainNav.topMainNavScroll #navLogoBox {background-size: calc(100% - 100px);} */
/* #mainNavBoxLarge {width: calc(100% - 320px);} */
#mainNavBoxLarge .primaryNavBoxLarge {display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0 10px;}
/* #mainNavBoxLarge .primaryNavBoxLarge li {} */
/* #mainNavBoxLarge .primaryNavBoxLarge li:not(.sub-menu li) {} */
#mainNavBoxLarge .primaryNavBoxLarge li.menu-item-has-children:not(.sub-menu li) {position: relative;}
#mainNavBoxLarge .primaryNavBoxLarge li:not(.sub-menu li):last-child {margin-right: 0;}
#mainNavBoxLarge .primaryNavBoxLarge li a:not(.sub-menu li a) { 
	font-size: 15px;
    line-height: 1.2;
    position: relative;
    z-index: 0;
    text-transform: uppercase;
    color: var(--dark);
    font-weight: 600;
    padding: 0 0 20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    margin: 40px 10px 20px 10px;
}
#mainNavBoxLarge .primaryNavBoxLarge li.menu-item-196 a:not(.sub-menu li a) {
	background: var(--fortify-blue);
    color: #ffffff;
    padding: 40px 15px;
}
#mainNavBoxLarge .primaryNavBoxLarge li a:not(.sub-menu li a):before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    display: block;
    content: "";
    background: var(--primary-color);
    transition: 0.3s;
}
#mainNavBoxLarge .primaryNavBoxLarge li a:hover:not(.sub-menu li a):before,
#mainNavBoxLarge .primaryNavBoxLarge li.current-menu-item a:not(.sub-menu li a):before {
  width: 100%;
}
/*.topMainNav.topMainNavScroll #mainNavBoxLarge .primaryNavBoxLarge li a:not(.sub-menu li a) {color: #ffffff;}*/
/* #mainNavBoxLarge .primaryNavBoxLarge li a:not(.sub-menu li a):after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0);
	width: 0; height: 2px; background: #ffffff;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
} */
#mainNavBoxLarge .primaryNavBoxLarge li.menu-item-has-children:not(.sub-menu li) a {padding-right: 15px;}
#mainNavBoxLarge .primaryNavBoxLarge li.menu-item-has-children:not(.sub-menu li) > a::after {content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 900;
	position: absolute; top: 22%; right: 0; transform: translate(0, -50%);
}
#mainNavBoxLarge .primaryNavBoxLarge li:hover a:not(.sub-menu li a),
#mainNavBoxLarge .primaryNavBoxLarge li.current-menu-item a:not(.sub-menu li a),
#mainNavBoxLarge .primaryNavBoxLarge li a:not(.sub-menu li a):focus {color: var(--primary-color);}
#mainNavBoxLarge .primaryNavBoxLarge li.menu-item-196 a:hover:not(.sub-menu li a),
#mainNavBoxLarge .primaryNavBoxLarge li.menu-item-196 a:focus:not(.sub-menu li a) {color: var(--light-fort-gray);}
.topMainNav.topMainNavScroll #mainNavBoxLarge .primaryNavBoxLarge li a:not(.sub-menu li a):hover, 
.topMainNav.topMainNavScroll #mainNavBoxLarge .primaryNavBoxLarge li.current-menu-item a:not(.sub-menu li a),
.topMainNav.topMainNavScroll #mainNavBoxLarge .primaryNavBoxLarge li a:not(.sub-menu li a):focus {color: var(--light-fort-gray);}
#mainNavBoxLarge .primaryNavBoxLarge li:hover a:not(.sub-menu li a):after,
#mainNavBoxLarge .primaryNavBoxLarge li.current-menu-item a:not(.sub-menu li a):after,
#mainNavBoxLarge .primaryNavBoxLarge li a:not(.sub-menu li a):focus:after {color: var(--primary-color);}
#mainNavBoxLarge .primaryNavBoxLarge li ul.sub-menu {display: none; position: absolute; top: calc(100% - 20px); left: 10px; background: rgba(0, 0, 0, 0.8); width: 230px; padding: 10px;}
#mainNavBoxLarge .primaryNavBoxLarge li.menu-item-has-children:hover ul.sub-menu {display: block;}
#mainNavBoxLarge .primaryNavBoxLarge li ul.sub-menu li a {color: rgba(255, 255, 255, 0.6); font-size: 14px; line-height: 20px;}
#mainNavBoxLarge .primaryNavBoxLarge li ul.sub-menu li a:hover,
#mainNavBoxLarge .primaryNavBoxLarge li ul.sub-menu li.current-menu-item a,
#mainNavBoxLarge .primaryNavBoxLarge li ul.sub-menu li a:focus {color: rgba(255, 255, 255, 1);}
.mainNavBtnBox {position: absolute; top: 50%; right: 20px; transform: translate(0, -50%); display: none;}
.mainNavBtnBox #mainNavBtn {background: none; outline: none; border: none;}
.mainNavBtnBox #mainNavBtn i {font-size: 30px; line-height: 30px; padding: 5px; color: #000000;}
.mainNavBtnBox #mainNavBtn i.hideMenuIcon {display: none;}
.site-logo {
	/* width: 190px;
	height: 74px;
	background: url(assets/img/logo.webp) center center no-repeat;
	background-size: 100%;
	margin: 0;
	padding: 0; */
	transition: 0.3s;
}

.site-logo:hover {
	border-bottom: none;
}
.mainNavOverlay {position: fixed; width: 100%; height: calc(100vh - 116px); top: 116px; left: 0; z-index: 997;
	background: rgba(0, 0, 0, 0);
}
.mainNavBox {position: fixed; width: 350px; max-width: 100%; background: #000000; height: calc(100vh - 95px); top: 95px;
	right: -100%; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; padding: 15px 20px; z-index: 998;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.mainNavBoxOpened {right: 0;}
.mainNavBox > div {width: 100%;}
.mainNavBox .primaryNavBox {width: 100%;}
.mainNavBox .primaryNavBox li {border-bottom: 1px dotted rgba(255,255,255,0.3);
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.mainNavBox .primaryNavBox li:hover {border-bottom: 1px dotted #000000;}
.mainNavBox .primaryNavBox li a {color: #ffffff; font-size: 15px; line-height: 24px; padding: 12px 10px 12px 0;
	text-transform: uppercase; font-weight: 700; display: block;
}
.mainNavBox .primaryNavBox li a:hover,
.mainNavBox .primaryNavBox li a:focus {text-decoration: none; color: #000000;}
.mainNavBox ul.sub-menu {padding: 0px 0 10px 10px;}
.mainNavBox ul.sub-menu li {border-bottom: none;}
.mainNavBox ul.sub-menu li:hover {border-bottom: none;}
.mainNavBox ul.sub-menu li a {font-size: 12px; line-height: 18px; position: relative; padding: 6px 10px; font-weight: 400; text-transform: capitalize;}
.mainNavBox ul.sub-menu li a:before {content: ''; width: 5px; height: 5px; background: #ffffff; border-radius: 50%;
	position: absolute; top: 12px; left: 0;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.mainNavBox ul.sub-menu li a:hover,
.mainNavBox ul.sub-menu li a:focus {border-bottom: none; padding: 6px 10px 6px 15px;}
.mainNavBox ul.sub-menu li a:hover:before {background: #000000;}

/***
====================================================================
	End Main Menu
====================================================================
***/
.page-margin {margin-top: 95px;}
.pageHeading {margin-top: 89px; background: #eeeeee; padding: 30px 15px; position: relative; z-index: 0;}
.pageHeading:before {content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0, 0, 0, 0.7); z-index: -1;
}
.pageHeading h3{
	font-size: 36px;
	font-weight: 500;
	line-height: 24px;
	margin: 0;
}
.form-fields, .form-fields2, .form-fields3 {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 12px;
	font-size: 14px;
	margin-bottom: 0;
	border: 1px solid #f2f2f2;
	background: #f2f2f2; 
	-webkit-transition: 0.3s ease-in-out !important;
	-moz-transition: 0.3s ease-in-out !important;
	-ms-transition: 0.3s ease-in-out !important;
	-o-transition: 0.3s ease-in-out !important;
	transition: 0.3s ease-in-out !important;
}

.form-fields-select{
	width: 100%;
	padding: 10px 12px;
	font-size: 14px;
	float: left;
	margin-bottom: 15px;
	border: 1px solid #aaaaaa;
	background: none;
}
.form-fields:focus, .form-fields2:focus, .form-fields3:focus{background: #f2f2f2; border: 1px solid #f2f2f2; outline: none !important;}
.form-fields-left{width: 48%; float: left; box-sizing: border-box; padding: 5px; font-size: 14px; margin-bottom: 20px; border: 1px solid #c9c9c9;}
.form-fields-right{width: 48%; float: right; box-sizing: border-box; padding: 5px; font-size: 14px; margin-bottom: 20px; border: 1px solid #c9c9c9;}
.form-fields2{ height: 170px;}
.form-fields3{ height: 150px;}
.form-terms{float: left; margin-bottom: 25px !important; font-size: 13px; line-height: 22px;}
.wpcf7-list-item{display: block; margin-bottom: 10px; font-size: 14px;}

.wpcf7-submit, .ln-widgetBox.search .searchButton a { 
    float: right;
	background: var(--primary-color);
	color: #ffffff;
	border: none;
	outline: none;
	font-weight: 500;
	padding: 10px 50px;  
	box-sizing: border-box;
	-webkit-transition: 0.3s ease-in-out !important;
	-moz-transition: 0.3s ease-in-out !important;
	-ms-transition: 0.3s ease-in-out !important;
	-o-transition: 0.3s ease-in-out !important;
	transition: 0.3s ease-in-out !important;
	text-indent: 0 !important;
	width: auto;
	height: auto;
	line-height: 20px;
	font-size: 16px;   
    text-transform: uppercase;
}
.wpcf7-submit:hover, .searchButton a:hover{color: #ffffff !important; background: var(--dark) !important;}
div.wpcf7 img.ajax-loader {float: left;}
.wpcf7-list-item{margin: 0 10px 0 0 !important;}
.wpcf7-list-item first label{margin-bottom: 0;}
.wpcf7-list-item-label{font-weight: 400;}
div.wpcf7-response-output{float: left;}
.wpcf7-not-valid-tip{display: none !important;}
.wpcf7-not-valid{border: 1px solid red;}

span.screen-reader-text, .more-link-container{display: none;}

.bullet-text ul{margin: 10px 0 10px 0;}
.bullet-text ul li{display: block; padding-left: 30px; background: url('assets/img/check-round.svg') 0 2px no-repeat; margin: 8px 0; background-size: 18px;}


.loader{
	width: 50px;
	height: 50px;
	margin: 50px auto 0;
	position: relative;
	animation: rotation 1s infinite;
}
.loader div{
	background-color: var(--primary-color);
	width: 15px;
	height: 15px;
	position: absolute;
	left: 0;
}
.loader div:nth-child(1){
	border-top-left-radius: 10px;
	animation: shape1 0.5s ease 0s infinite alternate;
}
.loader div:nth-child(2){
	background-color: var(--second-color);
	border-top-right-radius: 10px;
	left:auto;
	right: 0;
	animation: shape2 0.5s ease 0s infinite alternate;
}
.loader div:nth-child(3){
	background-color: var(--second-color);
	border-bottom-left-radius: 10px;
	bottom: 0;
	animation: shape3 0.5s ease 0s infinite alternate;
}
.loader div:nth-child(4){
	background-color: var(--primary-color);
	border-bottom-right-radius: 10px;
	bottom: 0;
	left: auto;
	right: 0;
	animation: shape4 0.5s ease 0s infinite alternate;
}
@keyframes rotation{
	0%{ transform: rotate(0deg); }
	100%{ transform: rotate(360deg); }
}
@keyframes shape1{
	0%{ transform: translate(0, 0); }
	100%{ transform: translate(10px, 10px); }
}
@keyframes shape2{
	0%{ transform: translate(0, 0); }
	100%{ transform: translate(-10px, 10px); }
}
@keyframes shape3{
	0%{ transform: translate(0, 0); }
	100%{ transform: translate(10px, -10px); }
}
@keyframes shape4{
	0%{ transform: translate(0, 0); }
	100%{ transform: translate(-10px, -10px); }
}
 
/************************************ Header Section *****************************************/

.topBottom {
	padding: 10px 0;
}
.topBottom .site-logo img {
	width: 110px;
}

.secTitle {
    margin-bottom: 50px;
    text-align: center;
}
.secTitle h2 { 
    font-size: 34px;
    line-height: 48px;
    position: relative;
    font-weight: 400;
    display: inline-block;
    padding: 0 0 10px 0;
    margin: 0;
    text-transform: uppercase;
}
.secTitle h2:before {
    position: absolute;
    width: 75px;
    content: "";
    left: 0;
    bottom: 0;
    background: var(--primary-color);
    height: 6px;
    display: block;
} 

.secTitleWhite h2, .secTitleWhite h2 strong {
    color: #ffffff;
}
.secTitleWhite h2:before, .secTitleWhite h2:after { 
    border: 3px solid #ffffff;
}
.secTitleWhite p {
    color: #ffffff;
}

/************************************ Page Header Section *****************************************/

.pageMarginTop {
	margin-top: 125px;
}
.pageHeaderSection {
    position: relative;
}
.pageHeaderSection::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(62 62 62 / 80%);
    display: block;
}
.pageHeaderText {
    padding: 180px 0 40px 0;
    text-align: left;
    z-index: 1;
    position: relative;
}
.pageHeaderText h1 {
    font-size: 38px;
    color: #ffffff;
    line-height: 48px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 15px;
}
.pageHeaderText h1::before {
    position: absolute;
    width: 75px;
    content: "";
    left: 0;
    bottom: 0;
    background: #ffffff;
    height: 3px;
    display: block;
}

/************************************ Footer Section *****************************************/

.footerSection {
    position: relative;
    z-index: 1;
    color: #ffffff;
 }
.footerSection:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(3 45 67 / 90%);
    z-index: -1;
}
.footerImg {
    text-align: right;
}
.footerImg img {
    width: 140px;
    margin-bottom: 30px;
}

.footerBox .footerInfo li {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-bottom: 20px;
}
.footerBox .footerInfo li p {
    margin: 0;
}
.footerBox .footerInfo li a {
    color: #ffffff;
}
.footerBox .footerInfo li i {
    padding-top: 3px;
}
.footerBox .footerInfo li a:hover { 
    text-decoration: underline;
}

.footerBox .footerSocial {
    margin-top: 25px;
}
.footerBox .footerSocial li{
    display:inline-block; 
    margin-right:10px;
}
.footerBox .footerSocial li a i {
    color: var(--primary-color);
}
.footerBox .footerSocial li a{
    display: block;
    background: #ffffff;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 32px; 
}
.footerBox .footerSocial li a:hover{
    background:var(--dark); 
}
.footerBox .footerSocial li a:hover i {
    color:#ffffff;
}
 
.footerSection .footerBottom .footerLinks li { 
    display: inline-block; 
}
.footerSection .footerBottom .footerLinks li a {
    color: #ffffff;
    padding: 0 10px;
}
.footerSection .footerBottom .footerLinks li a:hover { 
    text-decoration: underline;
}
 
.footerSection .footerBottom{
    padding: 0 0 35px 0; 
}
.footerSection .footerBottom .copyright{color:#ffffff;font-size:15px !important;line-height:28px; margin-top: 15px;}
.footerSection .footerBottom .copyright p{margin:0!important;} 
.footerSection .footerBottom .copyright a{color:#ffffff;}
.footerSection .footerBottom .copyright a:hover{text-decoration:underline;}
 
/************************************ Home Client Section *****************************************/

.homeClientSection {
    display: flex;
    flex-wrap: wrap;
}
.homeClientSectionText {
    width: 50%;
    padding: 180px 150px;
    background: var(--primary-color);
}
.homeClientSectionText h2 {
    font-size: 38px;
    line-height: 42px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 30px 0; 
    text-transform: uppercase;
} 
.homeClientSectionText p {
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
} 
  
.homeClientSectionImg {
    width: 50%; 
}

/************************************ Let Contact Section *****************************************/

.letContactSection {
    border-top: 1px solid #dddddd;
}
.letContactText h3 {
    font-size: 24px;
    line-height: 28px; 
    font-weight: 700;
    margin: 0 0 20px 0;
} 
.letContactText p {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
} 
.btnContact {
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: #ffffff;
    padding: 25px 50px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px; 
    display: inline-block;
    font-weight: 500;
}
.btnContact:hover {
    background: var(--dark);
    color: #ffffff;
    border: 1px solid #ffffff;
}

/************************************ Main Banner Section *****************************************/

 
.mainBannerText {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
}
.mainBannerText h1 {
    font-weight: 700;
    margin: 0;
    line-height: 56px;
    font-size: 48px;
    color: #ffffff;
    text-transform: uppercase;
} 
.mainBannerText h3 {
    font-weight: 400;
    margin: 0 0 20px 0;
    line-height: 28px;
    font-size: 26px;
    color: #ffffff;
    text-transform: uppercase;
}

#scrolldown a {
    position: absolute;
    bottom: 100px;
    left: 50%;
    z-index: 1; 
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);  
}
#scrolldown a:hover {
    opacity: .5;
}
#scrolldown a span {
    position: absolute;
    top: 0;
    left: 50%; 
    padding: 28px 20px;
    margin-left: -18px;
    border: 3px solid #ffffff;
    border-radius: 44%; 
    background: transparent;
}
#scrolldown a span::after {
	content:"\f063";
	font-family: 'FontAwesome';
    font-weight: 900;
    color: #ffffff;
    font-size: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}




/*******************Camera Home Slider************************************************/

.camera_wrap {
    height: 100vh !important;
    margin-top: 0;
}
.camera_overlayer {
    opacity: 0.8;
    background: rgb(62 62 62 / 80%) !important;
}
.camera_commands{
    display: none;
}
.camera_next, .camera_prev {
    background: none;
}
.camera_next > span {
    position: absolute;
    right: 20px;
    width: 50px;
    height: 50px;
    color: #ffffff;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    background: none;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background-color: rgba(255,255,255,0.20);
    border: 1px solid #ffffff;
}
.camera_prev > span {
    position: absolute;
    left: 20px;
    width: 50px;
    height: 50px;
    color: #ffffff;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    background: none;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background-color: rgba(255,255,255,0.20);
    border: 1px solid #ffffff;
}
.camera_next > span:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free"; 
    font-weight: 700; 
}
.camera_prev > span:before {
    content: "\f104";
    font-family: "Font Awesome 5 Free"; 
    font-weight: 700; 
}
.camera_next > span:hover, .camera_prev > span:hover{
    background-color: var(--dark);
}
.camera_prev, .camera_next, .camera_commands {
    top: 55%;
}


/***************************** Contact Us **************************************/

#map{height:550px;border-top:1px solid #eeeeee;}

.flexContainer {
    display: flex;
    flex-flow: row wrap;
    max-width: 100%;
    justify-content: flex-start;
    gap: 80px;
}
.flexContainer .item-1{width:calc(50% - 40px);}
.flexContainer .item-2{width:calc(50% - 40px);}

.contactUs h3 {
    font-size: 18px; 
    line-height: 26px;
    font-weight: 500;
}
.contactUs h2 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    margin: 0 0 30px 0;
}
.contactUs .wpcf7-response-output{
    margin:15px 0 0 0!important;
}

.contactUs .contactInfoBox li {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-bottom: 20px;
}
.contactUs .contactInfoBox li p {
    margin: 0;
} 
.contactUs .contactInfoBox li i {
    padding-top: 3px;
}
.contactUs .contactInfoBox li a:hover { 
    text-decoration: underline;
}
.contactUs .contactInfo .contactInfoSocial {margin-top: 35px;}
.contactUs .contactInfo .contactInfoSocial li{display:inline-block; margin-right:10px;}
.contactUs .contactInfo .contactInfoSocial li a i {
    color: #ffffff;
}
.contactUs .contactInfo .contactInfoSocial li a{
    display: block;
    background: var(--primary-color);
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
}
.contactUs .contactInfo .contactInfoSocial li a:hover{
    background:var(--dark); 
}
.contactUs .contactInfo .contactInfoSocial li a:hover i {
    color:#ffffff;
}
 
/***************************** Home About Section **************************************/

.homeaboutSection {
    position: relative;
}
.homeaboutImg {
    position: absolute;
    top: 0;
    right: 0;
    width: 35%;
    height: 100%;
    z-index: -1;
    display: block; 
}
.homeaboutImg:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(3 45 67 / 85%);
    z-index: 1;
}
.homeaboutSectionInner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 60px;
}
.homeaboutSectionText {
    width: calc(50% - 30px);
}
.homeaboutSectionImg{
    width: calc(50% - 30px);
}
.homeaboutSectionText h2 {
    font-size: 38px;
    line-height: 42px;
    font-weight: 700; 
    margin: 0 0 30px 0;
    text-transform: uppercase;
}
.homeaboutSectionText p {
    font-size: 16px;
    line-height: 24px; 
}
.homeaboutSectionText p strong {
    font-size: 16px;
    line-height: 24px;
    color: var(--primary-color);
}
.homeaboutSectionText a {
    margin-top: 50px;
    display: block;
    color: var(--primary-color);
    font-weight: 500;
}

/***************************** Counter Section **************************************/

.counterSecInner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.counterBox{
    text-align: center; 
} 
.counterBox h2{
    margin: 15px 0;
    font-size: 34px;
    line-height: 34px;
    font-weight: 600;
    display: block;
}
.counterBox h4{
    margin: 0;
    font-size: 16px;
    line-height: 18px;
}


/***************************** Services Section **************************************/

.servicesSectionInner {
    display: flex;
    flex-wrap: wrap;
    gap: 21px;
}
.servicesBox {
    width: calc(33.33% - 14px);
    background: #ffffff;
}
.servicesBox .servicesBoxInner { 
    padding: 80px 40px;
    position: relative;
    overflow: hidden;
}
.servicesBox .servicesBoxInner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(2 44 66 / 40%);
    width: 100%;
    height: 0;
    display: block;
    transition: 0.6s;
}
.servicesBox .servicesBoxInner:hover:after {
    height: 100%;
}
.servicesBox .servicesBoxInner h3 {
    font-size: 20px;
    text-transform: uppercase;
    margin: 10px 0 0 0;  
    font-weight: 700;
}


.servicesContent {
    text-align: center;
}
.servicesContent h3 { 
    font-size: 22px;  
    font-weight: 500;
    margin: 0;
}
.servicesContent h2 {
    font-size: 32px; 
    line-height: 38px;
    font-weight: 600;
    margin: 15px 0;
}
.servicesContent p {
    font-size: 16px;
    line-height: 26px;
}


/***************************** Case Studies Section **************************************/


.casestudiesSectionInner {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.casestudiesBox {
    width: calc(33.33% - 20px);  
}
.casestudiesBox h3 {
    font-size: 20px;
    text-transform: uppercase;
    margin: 10px 0 0 0;
    font-weight: 700;
}
.casestudiesBoxImage{
    position: relative;
    overflow: hidden;
}
.casestudiesBoxImage img { 
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    transition: .5s;
    filter: grayscale(80%);
}

.casestudiesBox:hover .casestudiesBoxImage img {
    transform: scale(1.10);
    filter: grayscale(0);
}


/***************************** News Page **************************************/

.newsSlide {
    position:relative; 
    overflow: hidden;
}
.newsSlideImg {
    position: relative;
    overflow: hidden;
}
.newsSlideImg img {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    transition: .5s; 
}
.newsSlide:hover .newsSlideImg img {
    transform: scale(1.10); 
}
.newsSlideText .newsSlideTitle a {
    font-size: 22px;
    color: var(--primary-color);
    display: block; 
    font-weight: 700;
    line-height: 32px;
} 
.newsSlideText .newsSlideTitle .newsSlideAuthor {
    display: block;
    margin: 20px 0;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    color: #777777;
}
.newsSlideText .newsSlideDescription {
    font-size: 15px;
    line-height: 28px;
}
.newsSlideText .newsSlideDescription a {
    display: block;
    margin-top: 20px; 
    color: var(--primary-color);
    font-weight: 500;
}
.newsSlideText .newsSlideDescription a:hover {
    text-decoration: underline;
}

.singlePostContent {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.singlePageHeader { 
    text-align: center;
}
.singlePageHeader h1 { 
    padding-bottom: 0;
}
.singlePageHeader h1::before {
    display: none;
}
.singlePageHeader span { 
    color: #ffffff;
    font-size: 18px;
}

/************************************ Philosophy Page *****************************************/

.philosophyText {
    padding: 5% 8%;
    text-align: left;
    position: relative;
    z-index: 1;
}
.philosophyText:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 90%);
    z-index: -1;
}
.philosophyText h4 {
    font-size: 18px;
    margin-bottom: 0; 
}
.philosophyText h2 {
    font-size: 32px; 
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 15px;
}
.philosophyText p { 
    text-align: justify; 
    font-size: 15px;
    line-height: 26px;
    margin: 0;
}
 

/***************************** About Page **************************************/

.aboutSection {
    position: relative;
    z-index: 1;
}
.aboutSection:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 90%);
    z-index: -1;
}
.aboutSection::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 36%;
    height: 50%;
    background: rgb(3 45 67 / 85%);
    z-index: -1;
}
.aboutSectionInner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 60px;
}
.aboutSectionText {
    width: calc(50% - 30px);
}
.aboutSectionImg{
    width: calc(50% - 30px);
}
.aboutSectionText p {
    font-size: 16px;
    line-height: 24px; 
}
.aboutSectionText p strong {
    font-size: 18px;
    line-height: 28px;
    color: var(--primary-color);
}


/***************************** Team Page **************************************/

.teamsSectionInner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 50px;
}
.teamsBox .teamsBoxInner .teamsBoxImg { 
    position: relative;
    overflow: hidden;
}
.teamsBox .teamsBoxInner .teamsBoxImg img {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    transition: .5s; 
}
.teamsBox:hover .teamsBoxImg img {
    transform: scale(1.10); 
}
.teamsBox .teamsBoxInner .teamsBoxImg:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(2 44 66 / 70%);
    width: 100%;
    height: 0;
    display: block;
    transition: 0.6s;
}
.teamsBox .teamsBoxInner:hover .teamsBoxImg:after {
    height: 100%;
}
.teamsBox .teamsBoxInner h3 {
    font-size: 20px;
    text-transform: uppercase;
    margin: 10px 0 0 0;  
    font-weight: 700;
}

.singleTeamDetails ul {
    margin-top: 10px;
}

/***************************** Properties Page **************************************/


.propertiesSectionInner {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.propertiesBox {
    width: calc(33.33% - 20px);  
}
.propertiesBox h3 {
    font-size: 20px;
    text-transform: uppercase;
    margin: 10px 0 0 0;
    font-weight: 700;
}
.propertiesBox ul li {
    font-size: 16px;
}
.propertiesBox ul li strong {
    color: var(--primary-color);
}
.propertiesBoxImage{
    position: relative;
    overflow: hidden;
}
.propertiesBoxImage img { 
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    transition: .5s; 
}
.propertiesBox:hover .propertiesBoxImage img {
    transform: scale(1.10); 
}


.leaflet-popup-content-wrapper {border-radius: 0 !important;}
.leaflet-popup-content {
    margin: 10px 10px !important;
    width: 300px !important;
}
.leaflet-popup-content img{
    width: 100%;
    height: auto;
}
.leaflet-popup-content h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 0;
}
.leaflet-popup-content h5 {margin: 0;}
.leaflet-container a.leaflet-popup-close-button {
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    font-size: 16px !important;
    padding: 0 !important;
    color: #ffffff !important;
    background: var(--primary-color) !important;
}


.singlePropertyContent h3 {
    font-size: 20px;   
    font-weight: 700;
}
.singlePropertyContent ul {
    margin-bottom: 20px;
}
.singlePropertyContent ul li {
    font-size: 16px;
}
.singlePropertyContent ul li strong {
    color: var(--primary-color);
}
.singlePropertyContent p strong {
    color: var(--primary-color);
}

.singlePropertyContent a.btnContact { 
    padding: 12px 45px;
    font-size: 16px;
    margin-top: 25px;
}

/***************************** Markets Page **************************************/


.marketsSection {
    display: flex;
    flex-wrap: wrap;
}
.marketsSectionText {
    width: 100%;
    padding: 80px 180px; 
    background: #f2f2f2;
}
.marketsSectionText h2 {
    font-size: 20px; 
    line-height: 28px;
    font-weight: 600;
}
.marketsSectionMap {
    width: 100%;
	height: 500px;
}
.marketsSectionMap #map {
    height: 100% !important; 
}

.singleMarketsText {
    text-align: center;
}
.singleMarketsText h2 {
    font-size: 24px; 
    line-height: 30px;
    font-weight: 600;
}

.headerbg {
    padding: 70px 0;
}

.headerbg h1 {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 40px;
    text-align: center;
}

.txt-white h1, .txt-white h2, .txt-white h3, .txt-white h4, .txt-white h5, .txt-white h6 {
    color: #ffffff;
}

@media screen and (max-width: 990px){
	.servicesBox{
		width: calc(50% - 14px);
	}
	.topMainNav.topMainNavScroll .mainNavBtnBox #mainNavBtn i{
        color: #3e3e3e !important;
    }
	
	.counterSecInner .col-sm-6 .counterBox{
		margin-bottom: 5em;
	}
	
	.homeClientSectionText {
		width: 100%;
	}
	
	.homeClientSectionImg{
		width: 100%;
    	height: 500px;
	}
	
	.btnContact{
		padding: 25px 20px;
	}
	
	.marketsSectionText{
		width: 100%;
	}
	
	.marketsSectionMap {
		width: 100%;
		height: 500px;
	}
	
	.newsSlideImg {
		margin-bottom: 3em;
	}
	
}

@media screen and (max-width: 767px){
	 .homeaboutImg{
        width: 40%;
        display: none;
    }
	.paddinglg {
		padding-top: 60px;
    	padding-bottom: 60px;
	}
	.counterSec .secTitle h2:before {
		position: absolute;
		width: 75px;
		content: "";
		left: 150px;
		bottom: 0;
		background: var(--primary-color);
		height: 6px;
		display: block;
		text-align: center;
	}
	.aboutSection::after{
		display:none;
	}
	.servicesBox{
		width: calc(50% - 14px);
	}
	
	.counterSecInner .col-sm-6 .counterBox{
		margin-bottom: 5em;
	}
	
	.homeClientSectionText {
		width: 100%;
	}
	
	.homeClientSectionImg{
		width: 100%;
    	height: 500px;
	}
	
	.teamsBoxInner{
		text-align: center;
	}
	
	.letContactText p{
		margin-bottom: 2em;
	}
	
	.aboutSectionText {
		width: calc(100% - 20px);
	}
	
	.aboutSectionImg {
		width: calc(100%);
	}
	
	.casestudiesBox h3{
		margin-bottom: 10px;
	}
	
	.propertiesBox {
		width: calc(50% - 10px);
	}
	
	.contact-form-container .item-1 {
		width: calc(100%);
	}
	
	.contact-information-container {
		width: calc(100%) !important;
	}

@media screen and (max-width: 520px){
	.homeaboutSectionText, .homeaboutSectionImg{
		width: calc(100%);
	}
	
	.homeaboutImg{
		width: 40%;
	}
	
	.servicesBox{
		width: calc(100% - 14px);
	}
	
	.homeClientSectionText{
		padding: 80px 20px;
	}
	
	.letContactText p{
		margin-bottom: 2em;
	}
	
	.footer-left-logo{
		gap: 20px;
	}
	
	.footer-right-info{
		width: calc(62% - 30px) !important;
	}
	
	.casestudiesBox{
		width: calc(100%);
	}
	
	.marketsSectionText{
		padding: 80px 20px;
	}
	
	.marketsSectionMap {
        width: 100%;
        height: 400px;
    }
	
	.propertiesBox {
        width: calc(100%);
    }
	
	
}