@import url("font-awesome.min.css");

.topAdd
{
	padding:10px 0px;
	text-align:center;
	border-bottom:1px solid #dfdfdf;
	background:#f8f8f8;
}
.staticPage .pageContent
{
	background:url("../../images/innerbg.png") repeat-x bottom center #ffffff;
	min-height:600px;
	padding-bottom:200px;
	color:#3b4552;
}
.staticPage .padding
{
	padding:0px 10px 10px;
	margin:0px auto;
	width:85%;
}
.staticPage .pageContent .wrapper
{
	padding:25px 15px;
	font-size:16px;
	line-height:25px;
	letter-spacing:0.4px;
}
.staticPage .pageContent h2
{
	font-size:18px;
	padding-bottom:5px;
	color:#000000;
	padding-top:15px;
	text-decoration:underline;
}
.staticPage .pageContent h3
{
	font-size:15px;
	padding-top:10px;
	padding-bottom:10px;
	color:#000000;
}
.staticPage .pageContent p
{	
	padding-bottom:15px;	
	text-align:justify;
}
.staticPage .padding .text{padding-left:3%;}
.staticPage .boxes{margin-bottom:15px;}
.staticPage .boxes:after{content:" "; clear:both; display:block;}
.staticPage .boxes li{
	float:left; 
	width:18%; 
	margin-right:2%;
	text-align:center; 
	line-height:normal;
	margin-bottom:2%;
	min-height:150px;
}
.staticPage .boxes li .ico{
	border:1px solid rgba(0,0,0,0.1);
	height:100px;
	margin-bottom:8px;
}


/* 
	########################
	############ HEADER MAIN
	########################
*/
.headerMain{
	background:#ffffff;
	border-bottom:1px solid #dfdfdf;
	height:65px;
	z-index:4;
}
.logo{
	top:16px;
	position:relative;
	float:left;
}
.logo img {vertical-align:middle; width:85%;}

.headerMain nav{float:right; width:70%;}
.headerMain nav ul{float:right;}
.headerMain nav li{float:left;	position:relative;}
.headerMain nav li a{
	height:65px;
	line-height:65px;
	color:#000000;
	padding:0px 12px;
	font-size:14px;
	font-weight: 700;
}
.headerMain nav li a:hover{
	background:#fafafa;
	text-decoration:none!important;
}
.headerMain nav li a.searchProperty{
	color:#e69602;
	padding-left:30px;
}
.headerMain nav li a.searchProperty:before{
	font-family:"FontAwesome";
	content:"\f002";
	font-size:18px;
	font-weight:normal;
	padding-right:8px;
	position: absolute;
	top:0px;
	left:8px;
}
.headerMain nav a.createBtn{
	float:right;
	background:#f5b200;
	color:#ffffff;
	padding:10px;
	font-size:14px;
	margin-left:15px;
	margin-top:14px;
}
.headerMain nav a.createBtn:hover{	background:#f79d01;}
.headerMain nav a.sellPropertyBtn{
	margin-left:0px;
	margin-right:15px;
	font-weight:bold;
	position:relative;
	padding-left:32px!important;
}
.headerMain nav a.sellPropertyBtn:before
{
	font-family:"FontAwesome";
	content:"\f015";
	font-size:18px;
	font-weight:normal;
	padding-right:8px;
	position: absolute;
	top:9px;
	left:8px;
}
.headerMain .loginUser
{
	float:right;
	background:#fafafa;
	border-right:1px solid #dfdfdf;
	border-left:1px solid #dfdfdf;
}
.headerMain .loginUser .userName
{
	text-align:center;
}
.headerMain .loginUser nav
{
	width:100%;
}
.headerMain .loginUser nav,
.headerMain .loginUser nav ul
{
	float:none;
}
.headerMain .loginUser nav li a
{
	padding:0px 15px;
	white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
	max-width:140px;
}
.headerMain .loginUser label
{
	display:block;
	font-weight: 700;
}
.headerMain .loginUser a
{
	font-size:13px;
}
.headerMain .loginUser nav li ul li a
{
	width:100%;
	max-width:100%;
}

.beforeLogin
{
	width:80%!important;
}
.beforeLogin .sellPropertyBtn
{
	margin-right:0px!important;
	margin-left:5px!important;
}
.beforeLogin .loginBtn
{
	background:#013148!important;
}

/*
	######################
	Sub Navigation Menu
	######################
*/
nav .ddsmoothmenu{padding:0px 0px 0px 0px;}
nav ul li a
{
	background:none; color:#FFF;
	border-bottom:none; 
	padding:17px 9px;
	box-sizing:border-box;
	display:block;
}
nav ul li a:hover,
nav ul li a.selected
{
	background:#fafafa;
}
nav ul li ul
{
	position:absolute;
	width:180px!important;
	top:65px!important; 
	background:#ffffff;
	z-index:1000;
	border-top:1px solid #f3f3f3;
	
	-webkit-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 10px 5px 0px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.35);
}
nav ul li ul li
{
	padding:0px; 
	float:none!important;
	width:100%;
}
nav ul li .last a
{
	border-bottom:none!important;
}
nav ul li ul li a
{
	display:block;
	font-size:17px;
	color:#000000;	
	border-bottom:1px dashed #d1d1d1;
	padding:12px 13px!important; 
	height:auto!important;
	line-height:20px!important;
	position:relative;
}
nav ul li ul li a:hover
{
	padding:12px 13px 12px 17px!important; 
	text-decoration:none;
}
nav ul li ul li:last-child a
{
	border:none!important;
}
nav ul li ul li a i
{
	font-size:13px!important;
	color:#000000;
	position:absolute;
	top:16px;
	right:10px;
}

.barMenu
{
	width:45px;
	height:45px;
	background:#f1f1f1;
	position:absolute;
	top:10px;
	right:10px;
	line-height:45px;
	text-align:center;
	font-size:22px;
	display:none;
}
.barMenu:before
{
	font-family: 'FontAwesome';
	content: "\f0c9";
	color:#000000;
}
 
/* 
	########################
	############ Login, Register & Forgot Password
	########################
*/
.backgroundImg{
	background:url("../../images/login_bg.png") no-repeat top center #055fbe;
	background-size:cover;
	height:695px;
}
.backgroundImg .wrapper{width:450px; margin:0px auto;}

.userForm h1{
	font-size:35px;
	color:#fff;
	padding-top:30px;
	padding-bottom:30px;
}
.userForm h2{
	color:#fff;
	font-size:17px;
	text-align:center;
	font-weight: 400;
	padding-top:30px;
}
.userForm h2 a{
	color:#fff;
	font-weight: 700;
	text-decoration:underline;
}
.whiteBox
{
	background:#ffffff;
	-webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
	
	-webkit-box-shadow: 0px 3px 43px 0px rgba(49, 75, 0, 0.46);
	-moz-box-shadow: 0px 3px 43px 0px rgba(49, 75, 0, 0.46);
	box-shadow: 0px 3px 43px 0px rgba(49, 75, 0, 0.46);
	
	min-height:200px;
	overflow:hidden;
}
.userForm .withFb
{
	background:#f7f7f7;
	text-align:center;
	padding:7% 10% 7%;
}
.userForm .withFb label
{
	font-size:17px;
	color:#000000;
	display:block;
	padding-bottom:10px;
}
.userForm .withFb a:hover
{
	background:#1e3c7b;
}
.userForm .withFb a
{
	background:#3b5998;
	color:#ffffff;
	display:block;
	margin:0px 10%;
	font-size:17px;
	padding:10px 0px;
	
	-webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.29);
	-moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.29);
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.29);
	position:relative;
}
.userForm .withFb a:before
{
	position:absolute;
	font-family:"FontAwesome";
	content:"\f082";
	font-size:25px;
	top:8px;
	left:10px;
}
.userForm .withFb p
{
	font-size:12px;
	color:#818181;
	padding-top:10px;
}
.formBox
{
	margin:5% 7%;
}
.userForm .validation
{
	font-size:12px;
	color:red;
	height:15px;
}
.formRow
{
	position:relative;
}
.formRow .rowInput
{
	background:none;
	border-bottom:1px solid #e6e6e6!important;
	width:100%;
	padding:15px 10px 7px 40px;
	position:relative;
	z-index:2;
	font-size:15px;
}
.formRow .label
{
	position:absolute;
	width:100%;
	top:14.5px;
	left:40px;
	z-index:1;
	
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.formRow.active .label
{
	top:2px;
	font-size:11px;
	color:#f03454;
}
.userFormButton
{
	position:relative;
	padding-top:10px;
	padding-bottom:25px;
}
.userFormButton label
{
	position:absolute;
	top:18px;
	left:0px;
	font-size:13px;
}
.userFormButton label input
{
	
	margin-right:7px;
}
.userFormButton label a
{
	font-size:13px;
	text-decoration:underline;
	color:#91615e;
	padding-top:5px;
}
.userFormButton input[type="submit"]
{
	text-transform:uppercase;
	padding:6px 15px;
	font-size:17px;
	font-weight:bold;
	float:right;
}

/* 
	########################
	############ FOOTER MAIN
	########################
*/
.footerMain
{
	background-image:url("../../images/footer-bg.png");
	background-position:left bottom;	
	background-color:#011d2a;
	background-repeat:repeat-x;
	min-height:450px;
	color:#ffffff;
	padding-top:3%;
}
.footerMain .footerCol
{
	float:left;
	font-size:14px;
	padding-bottom:15px;
}
.footerMain .col1{width:18%; margin-left:5%; margin-right:6%;}
.footerMain .col2{width:21%;}
.footerMain .col3{width:17%;}
.footerMain .col4{width:16%;}
.footerMain .col5{width:17%; float:left;}

.footerMain .address{opacity:0.8; line-height:22px;}

.footerMain .footerCol h5
{
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
	padding-bottom:15px;
}
.footerMain .footerCol label
{
	position:relative;
	display:block;	
}
.footerMain .footerCol label a
{
	color:#d9dfff;
	padding:4px 0px 4px 15px;
	position:relative;
}
.footerMain .footerCol label a:before
{
	position:absolute;
	font-family:"FontAwesome";
	content:"\f054";
	top:7px;
	left:0px;
	font-size:10px;
}
.footerMain .footerCol label a:hover
{
	color:#ffffff;
	padding:4px 0px 4px 18px;
}
.footerMain .footerCol .socialJoin,
.sitemapRow .socialJoin
{
	padding-bottom:15px;
}
.footerMain .footerCol .socialJoin a,
.sitemapRow .socialJoin a
{
	background:#000000;
	color:#ffffff;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	margin-right:5px;
}
.footerMain .footerCol .socialJoin a.fa-facebook,
.sitemapRow .socialJoin a.fa-facebook
{background:#2d50a7;}
.footerMain .footerCol .socialJoin a.fa-linkedin,
.sitemapRow .socialJoin a.fa-linkedin
{background:#125ca6;}

.footerMain .footerCol .socialJoin a.fa-instagram,
.sitemapRow .socialJoin a.fa-instagram
{background:#871bb9;}

.footerMain .footerCol .socialJoin a.fa-envelope,
.sitemapRow .socialJoin a.fa-envelope
{background:#e69a00;}


.footerMain hr
{
	border-color:#292b36;
	opacity:0.2;
	clear:both;
}
.footerMain .footerBotttom
{
	padding:12px 0px;
}
.footerMain .footerBotttom .copyRight
{
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
text-align:center;
}
.footerMain .footerBotttom .fLinks a
{
	color:#ffffff;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	margin-left:20px;
}
.webText
{
	text-align:center;
	font-size:14px;
	padding:20px 0px;
}
.webText a
{
	text-decoration:underline;
	color:#d9dfff;
	margin:0px 5px;
}

/* 
	##########################
	############ Banners
	##########################
*/
.pageIndex{
	background:#ffffff;
}
.frontBanner{
	background-color:#f1f1f1;
	/*background-image:url("../../images/banner.png");*/
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
	overflow:hidden;
}
.frontBanner #frontSlider li{
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:top center;
	height:520px;
}
.frontBanner #frontSlider li img{}
.lSPager{
	position:absolute;
	bottom:40px;
	width:100%;
}
.frontBanner .bannerText{
	background:rgba(0,0,0,0.25);
	min-height:500px;
}
.frontBanner .bannerText h1{
	color:#ffffff;
	padding-top:10%;
	font-weight: 900;
	line-height:70px;
	text-shadow: 0px 0px 31px rgba(0, 0, 0, 1);
	font-size:40px;
	margin-bottom:35px;
}
.frontBanner .bannerText h1 span
{
	display:block;
	font-size:80px;
	text-transform:uppercase;
}
.frontBanner .bannerText a
{
	background:#dd0200;
	font-size:20px;
	color:#ffffff;
	padding:15px 55px 15px 25px;
	
	border:4px solid rgba(255,255,255,0.2);
	
	-webkit-box-shadow: 0px 0px 41px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 0px 11px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 0px 41px 0px rgba(0, 0, 0, 0.75);
	
	position:relative;
}
.frontBanner .bannerText a strong{
	text-transform:uppercase;
	font-weight: 900;
}
.frontBanner .bannerText a:after{
	position:absolute;
	font-family:"FontAwesome";
	content:"\f0a9";
	top:14px;
	right:20px;
	font-size:25px;
}
.frontBanner .bannerText a:hover{
	background:#ffffff;
	color:#dd0200;
}

.searchBanner{
	height:530px;
	background-color:#f1f1f1;
	background-image:url("../../images/9.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	z-index:1;
}
.bannerOverlay{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(1,49,72,0.65);
	z-index:0;
	text-align:center;
}
.bannerOverlay a{
	background:#ffffff;
	-webkit-border-radius:45px;
	-moz-border-radius:45px;
	-o-border-radius:45px;
	border-radius:45px;
	width:90%;
	margin:0px auto;
	padding:10px 15px 10px 40px;
	color:#000000;
	box-sizing:border-box;
	text-align:left;
	
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 0px 9px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 0px 9px 0px rgba(0, 0, 0, 0.75);
	margin-top:20%;
	position:relative;
	display:none;
}
.bannerOverlay a:after{
	font-family: 'FontAwesome';
	content: "\f002";
	color:#055fbe;
	font-size:20px;
	position:absolute;
	top:7px;
	left:10px;
}

/* 
	##########################
	############ Search Panel
	##########################
*/
.projectSearch
{
	margin:0px 12%;
	padding-top:8%;
	position:relative;
}
/* ========= Search Tab */
.searchTab
{
	z-index:200;
	position:relative;
}
.searchTab a
{
	background:rgba(255,255,255,0.5);
	color:#ffffff;
	padding:10px 25px;
	font-size:18px;
	
	-webkit-border-radius:5px 5px 0px 0px;	
	-moz-border-radius:5px 5px 0px 0px;
	-o-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
	margin-right:10px;
	position:relative;
}
.searchTab a.active
{
	background:rgba(255,255,255,1);
	color:#000000;
	
}


/* ========= Search Bar */
.searchbar
{
	position:relative;
	background:#ffffff;
	/*
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.27);
	-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.27);
	box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.57);
	*/
	z-index:200;
}
.searchbar .selectPropertyType,
.searchbar .selectPropertyfor
{
	float:left;
	width:20%;
	padding:15px 10px;
	font-size:15px;
	border-right:1px solid #ededed;
	background-position:95% 9px;
	position:relative;
	cursor:default;
}
.searchbar .selectPropertyType:before,
.searchbar .selectPropertyfor:before
{
	position: absolute;
	font-family: 'FontAwesome';
	top: 19px;
	right: 15px;
	content: "\f078";
	color:#cdcdcd;
	font-size:12px;
}
.searchbar .selectPropertyType label,
.searchbar .selectPropertyfor label
{
	display:block;
}
.searchbar .inputSearch
{
	float:left;
	width:66%;
	position:relative;
	border-right:1px solid #ededed;
}
.searchbar .inputSearch:before
{
	position: absolute;
	font-family: 'FontAwesome';
	top: 14px;
	left: 15px;
	content: "\f002";
	color:#cdcdcd;
	font-size:20px;
}
.searchbar .inputSearch input
{
	width:100%;
	padding:15px 10px 15px 45px;
	font-size:15px;
}
.searchbar input[type="submit"]
{
	background:#013148;
	-webkit-border-radius:45px;
	-moz-border-radius:45px;
	-o-border-radius:45px;
	border-radius:45px;
	color:#ffffff;
	text-transform:uppercase;
	font-size:15px;
	padding:6px 15px;
	float:right;
	margin:8px 8px 0px 0px;
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.searchbar input[type="submit"]:hover
{
	background:#023e5b;
}

/* ========= Property Type */
.selectProperty,
.selectPropertyFor
{
	width:22.1%!important;
}
.selectPropertyfor
{
	display:none;
}


/* ========= Advance Search */
.advanceSearchOverlay,
.selectPropertyOverlay,
.propertyForOverlay
{
	background:rgba(0,0,0,0.8);
	position:fixed;
	top:0px;
	left:0px;
	opacity:0.5;
	z-index:100;
	width:100%;
	height:100%;
}
.advanceHolder
{
	position:relative;
	z-index:200;
}
.active
{
	
}
.searchFilter,
.selectProperty,
.selectPropertyFor
{
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	background:#ffffff;
	border-top:1px solid #ededed;		
	padding:15px;	
	-webkit-transition: -webkit-transform 550ms ease;
	-moz-transition: -moz-transform 550ms ease;
	transition: transform 550ms ease;
	
	
	box-sizing:border-box;
}

.searchFilter .clearLink
{
	position:absolute;
	bottom:-25px;
	right:0px;
	color:#ffffff;
	text-decoration:underline;
	font-size:14px;
}
.searchFilter h2
{
	color:#b4b4b4;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:15px;
}
.searchFilter h2 span
{
	color:#000000;
	text-transform:none;
	float:right;
}

.searchFilter .selectType
{
	width:21.5%;
	float:left;
	border-right:1px solid #ededed;
}
.searchFilter .constructionStatus
{
	width:18%;
	float:left;
	border-right:1px solid #ededed;
	padding-left:2.5%;
}
.searchFilter .searchBudget
{
	width:35%;
	float:left;
	border-right:1px solid #ededed;
	padding-left:2.5%;
	padding-right:2.5%;
}
.budgetPrice{}
.searchBudget .budgetTitle
{
	padding-right:16px;
	background:#f6f6f6;
	margin-bottom:15px;
}
.searchBudget h4
{	
	color:#b4b4b4;
	font-size:12px;
	padding:5px 10px;
}
.budgetPrice dt
{
	padding-left:5px;
}
.searchBudget .min,
.searchBudget .max
{
	width:50%;
	float:left;
}
.searchBudget #budgetscroll{}
.enterAreaRange
{
	width:15%;
	float:right;
	margin-right:0.4%;
}
.enterAreaRange .input
{
	width:100%;
	border-radius:5px;
	margin-bottom:10px;
}

.constructionStatus,
.searchBudget,
.enterAreaRange
{
	min-height:220px;
}

/* ========= radioCheckbox */
.radioCheckbox
{
	color:#828282;
	font-size:13px;
}
.radioCheckbox dt
{
	display:block;
	padding-bottom:10px;
	position:relative;
}
.radioCheckbox label input
{
	position:absolute;
	right:-20px;
	top:2px;
	visibility:hidden;
}
.radioCheckbox label
{
	padding-left:20px;
	position:  relative;
}
.radioCheckbox label:before
{
	position: absolute;
	font-family: 'FontAwesome';
	top: 1px;
	left: 0px;
	content: "\f096";
	color:#f5b200;
	font-size:15px;
}
.radioCheckbox label.active
{
	color:#000000;
}
.radioCheckbox label.active:before
{
	content: "\f14a";
	color:#f5b200;
}

.radioCheckbox.radio label:before
{
	content: "\f1db";
}
.radioCheckbox.radio label.active:before
{
	content: "\f111";
}


/* 
	##################################
	############ Featured Properties
	##################################
*/
.featuredProperties
{
	margin-bottom:35px!important;
}
.featuredProperties h1
{
	font-size:35px;
}
.featuredProperties ul li
{
	width:21%;
	float:left;
	background:#ffffff;
	margin:1% 2% 2%;
	overflow:hidden;
	
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.14);
	-moz-box-shadow:    0px 0px 7px 0px rgba(0, 0, 0, 0.14);
	box-shadow:         0px 0px 7px 0px rgba(0, 0, 0, 0.14);
	
	color:#535353;
}
.featuredProperties ul li .featuredImage{background:#f6f6f6;}
.featuredProperties ul li .featuredImage a
{
	width:100%;
	height:190px;
	text-align:center;
	line-height:190px;
	vertical-align:middle;
	overflow:hidden;
}
.featuredProperties ul li .featuredImage a img
{
	max-width:100%;
	vertical-align:middle;
}
.featuredProperties ul li h2
{
	padding:0px 10px; margin-top:16px;
	font-size:16px;
	color:#000000;
	height:21px;
}
.featuredProperties ul li h2 a{color:#000000;}
.featuredProperties ul li p
{
	padding:0px 10px 15px 10px;
	font-size:13px;	
}
.featuredProperties ul li label
{
	padding:0px 10px 5px 10px;
	font-size:14px;
	display:block;
	height:15px;
}
.featuredProperties ul li a.more
{
	margin:0px 10px;
	font-size:14px;
	color:#013148;
	padding:15px 0px;
	text-align:center;
	border-top:1px solid #ededed;
	display:block;
	margin-top:15px;
}

/* 
	##################################
	############ Listing Search
	##################################
*/

.noRecoard
{
	text-align:center;
	padding:5% 0px;
}
.noRecoard label
{
	display:block;
	font-size:30px;
	color:#000000;	
	padding-bottom:15px;
}
.noRecoard img
{
	opacity:0.3;
}

.listingSearch
{
	background:#ffffff;
	border-bottom:1px solid #dfdfdf;
	margin-bottom:15px;
	z-index:2;
}
.listingSearch .searchTab
{
	display:none;
}
.listingSearch input
{
	font-size:15px;
}
.listingSearch .selectPropertyfor
{
	display:block;
	width:8%;
	border-right:1px solid #dfdfdf;
	padding:20px 0px 20px 10px;
}
.listingSearch .selectPropertyType
{
	width:15%;
	border-right:1px solid #dfdfdf;
	padding:20px 10px 20px 20px;
	margin-right:12px;
}
.listingSearch .inputSearch
{
	width:62%;
	border-right:1px solid #dfdfdf;
	position: relative;
}
.listingSearch .inputSearch input
{
	padding:20px 10px 20px 30px;
	width:100%;
}
.listingSearch .inputSearch:before
{
	color:#cdcdcd;
	font-size:19px;
	position: absolute;
	font-family: 'FontAwesome';
	content: "\f002";
	top: 18px;
	left: 0px;
}
.searchLoader
{
	position:absolute;
	top:11px;
	right:10px;
}
.searchLoader img
{
	width:25px;
	height:25px;
}

.listingSearch .selectPropertyFor
{
	width:12%!important;
}
.listingSearch .selectProperty
{
	width:17.7%!important;
	left:8.9%!important;
}

.listingSearch input[type="submit"]
{
	float:right;
	border:1.5px solid #013148;
	background:none;
	color:#013148;
	text-align:center;
	padding:7px 13px;
	text-transform:uppercase;
	font-size: 15px;
	margin-top:12px;
}
.listingSearch input[type="submit"]:hover
{
	background:#013148;
	color:#ffffff;
}
.listingSearch #advanceSearch
{
	margin-left:8.9%;
}

/* 
	##################################
	############ breadcrumbs
	##################################
*/
.breadcrumbs
{
	font-size:13px;
	color:#bababa;
	padding-top:5px;
	padding-bottom:20px;
}
.breadcrumbs a:after
{
	content: "/";
	position:absolute;
	right:8px;
}
.breadcrumbs a
{
	color:#bababa;
	padding-right:20px;
	position:relative;
	float:left;
}
.breadcrumbs a:hover
{
	color:#8c8c8c;
}
.breadcrumbs label
{
	color:#000000;
}

/* 
	##################################
	############ Search Refine
	##################################
*/
.searchRefine
{
	width:22%;
	float:left;
	margin-bottom:25px;
	font-size:13px;
}
.searchRefine .refineBox
{
	background:#ffffff;
	border:1px solid #e6e6e6;
	border-bottom:2px solid #e6e6e6;
	margin-bottom:20px;
        position: relative;
}
.searchRefine h4
{
	font-size:13px;
	color:#000000;
	font-weight:bold;
	position:relative;
	padding:12px;
	cursor:pointer;
}
.searchRefine h4:after
{
	content: '\+';
	font-size: 19px;
	color: #777;
	font-weight:300;
	position:absolute;
	top:4px;
	right:10px;
	font-size:25px;
}
.searchRefine h4.active:after
{
	content: '\--';
	letter-spacing:-4px;
	right:14px;
}
.searchRefine a.clear
{
	font-weight:normal;
	text-transform:none;
	font-size:13px;
	
	position:absolute;
	top:12px;
	right:35px;
        z-index: 100;
}
.searchRefine .accordianPanel
{
	border-top:2px solid #f3f3f3;
	padding:10px 12px;
}
.searchRefine .refineBox select
{
	padding:13px 10px;
	width:100%;	
	background-position:98% 6px;
}
.searchRefine .radioCheckbox dt
{
	display:block;
	padding:5px 0px;
}
.searchRefine .radioCheckbox dt:last-child
{
	border-bottom:none;
}
.searchRefine .radioCheckbox label
{
	padding:0px 0px 0px 20px;
	position:relative;
}
.searchRefine .areaRange
{
	padding:0px;
}
.searchRefine .areaRange select
{
	padding:0px;
	background-position:94% 11px;
}
.searchRefine .areaRange input,
.searchRefine .areaRange select
{
	width:calc(100%/3);
	float:left;
	padding:18px 10px;
	vertical-align:top;
}
.searchRefine .areaRange input
{
	border-right:1px solid #e6e6e6;
}
.searchRefine .budget
{
	padding:0px;
}
.searchRefine .budget  select
{
	width:calc(100%/2);
	float:left;
	padding:18px 10px;
	vertical-align:top;
	border-right:1px solid #e6e6e6;
	background-position:98% 11px;
}
.searchRefine .budget #maxBudget
{
	border-right:none;
}
.searchRefine .bedroomList dt
{
	width:50%;
	float:left;
}
.searchRefine .aminitieList a
{
	font-size:13px;
	padding:7px 0px;
}


/* 
	##################################
	############ Search Result
	##################################
*/
.searchResult
{
	width:75%;
	float:right;	
	margin-bottom:45px;
	position:relative;
}
.listingLoader
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.2);
	z-index:70;
	text-align:center;
}
.listingLoader span
{
	margin-top:15%;
	background:#ffffff;
	border-radius:100%;
	width:60px;
	height:60px;
	line-height:80px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
.listingLoader span img
{
	max-width:80%;
}
.filterTab
{
	background:#ffffff;
	margin-bottom:20px;
	display:flex;
}
.filterTab a
{
	width:100%;
	/*float:left;*/
	padding:15px;
	text-align:center;
	color:#a2a2a2;
	border-bottom:2px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	font-size:14px;
}
.filterTab a.active
{
	color:#000000!important;
	border-bottom:2px solid #f5b101;
}
.filterTab a:last-child
{
	border-right:none;
}
.resultListing li
{
	margin-bottom:45px;
	background:#ffffff;
	
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
	-moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 0.12);
	box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 0.12);
	padding:10px;
	position:relative;
	font-size:14px;
	color:#444444;
}
.resultListing li .propertyImage
{
	width:264px;
	height:205px;
	overflow:hidden;
	float:left;
	background:#f2f2f2;
}
.resultListing li .propertyImage a
{
	background:#f2f2f2;
	line-height:205px;
}
.resultListing li .propertyImage img
{
	vertical-align:middle;
	max-width:100%;
}
.resultListing li .basicInfo
{
	width:67%;
	float:right;
	padding-top:8px;
	
}
.resultListing li .basicInfo h3,
.resultListing li .basicInfo h4
{
	padding-right:125px;
}
.resultListing li .basicInfo h3
{
	font-size:20px;
	color:#000000;
	padding-bottom:3px;
}
.resultListing li .basicInfo h3 a
{
	color:#000000;
	width:100%;
}
.resultListing li .basicInfo h3 span
{
	font-weight: 300;
}
.resultListing li .basicInfo h4,
.resultListing li .propertyPrice span
{
	font-size:14px;
	font-weight:normal;
}
.resultListing li .basicInfo hr
{
	opacity:0.1;
	border-color: #f0f0f0;
	margin:20px 0px;
}
.resultListing li .propertyPrice
{
	position:absolute;
	top:18px;
	right:15px;
	text-align:right;
}
.resultListing li .propertyPrice label.preiceonRequest
{
	font-size:14px;
	font-weight:normal;
	padding-top:6px;
}
.resultListing li .propertyPrice label,
.resultListing li .propertyPrice span
{
	display:block;
}
.resultListing li .propertyPrice label
{
	font-weight:bold;
	font-size:20px;
	color:#000000;
	padding-bottom:3px;
}
.resultListing li .highlights,
.resultListing li .dic
{
	padding-bottom:15px;
	letter-spacing:0.3px;
}
.resultListing li .highlights label{ color:#000000; }
.resultListing li .dic
{
	line-height:19px;
}

.resultListing li .newProject
{
	padding: 0px 0px 0px;
	font-size: 13px;
	margin: 15px auto 15px auto;
	border: 1px solid #f1f1f1;
}
.resultListing li .newProject .tabRow
{
	border-bottom: 1px solid #f1f1f1;
    padding: 11px 15px;
}
.resultListing li .newProject .tabRow .tabCol
{
	float:left;
}
.resultListing li .newProject .tabcol1{width:50%;}
.resultListing li .newProject .tabcol2{width:30%;}
.resultListing li .newProject .tabcol3{width:20%;}

.resultListing li .extraInfo
{
	padding-top:5px;
	padding-bottom:7px;
}
.resultListing li .propertyPosted
{
	width:264px;
	float:left;
	vertical-align:top;
	padding-top:12px;
}
.resultListing li .propertyPosted a
{
	color:#d7170c;
	font-size:13px;
	text-decoration:underline;
	float:right;
}
.resultListing li .amenities
{
	width:270px;
	float:left;
	margin-left:20px;
	vertical-align:top;
	font-size:11px;
	padding-top:12px;
}
.resultListing li .amenities i
{
	/*
	width:20px;
	height:20px;
	background:#f0f0f0;
	
	vertical-align:middle;
	*/
	margin:0px 10px 0px 0px;
}
.resultListing li .btn
{
	float:right;
	padding-top:12px;
}
.resultListing li .btn a.bookmark
{
	padding-left:25px;
}
.resultListing li .btn a.bookmark:before
{
	font-family: 'FontAwesome';
	content: "\f097";
	position:absolute;
	top:8px;
	left:8px;
}
.resultListing li .btn a.bookmarked
{
	background:#f24137;
	color:#ffffff;
	padding-left:25px;
}
.resultListing li .btn a.bookmarked:nth-child(1):before
{
	font-family: 'FontAwesome';
	content: "\f02e";
	position:absolute;
	top:8px;
	left:8px
}

.resultListing li .btn a
{
	border:1px solid #60aa51;
	color:#60aa51;
	vertical-align:top;
	padding:7px 10px;
	margin-left:15px;
	position:relative;
}
.resultListing li .PropertyOffer
{
	border-top: 1px solid #f0f0f0;
	margin-top:10px;
	font-size:16px;
	padding:15px 0px 10px 100px;
	position:relative;
}
.resultListing li .PropertyOffer span
{
	background:#f24137;
	color:#ffffff;
	text-transform:uppercase;
	padding:7px 20px;
	position:absolute;
	top:10px;
	left:0px;
	border-radius:45px;
}
.loadMore
{
	text-align:center;
	position:relative;
	padding-top:25px;
}
.loadMore a
{
	font-size:16px;
	text-transform:uppercase;
	padding:11px 30px;
}
.loadMore .moredataLoader
{
	position:absolute;
	top:0px;
	width:100%;
	left:0px;
}
.loadMore .moredataLoader img
{
	width:20px;
	height:20px;
}


/*
	######################
	Login Model
	######################
*/
.userModel
{
	background:#ffffff;
	width:635px;
	margin:10% auto 0px auto;
	position:relative;
	
	-webkit-box-shadow: 0px 0px 41px 0px rgba(0, 0, 0, 0.55);
	-moz-box-shadow:    0px 0px 41px 0px rgba(0, 0, 0, 0.55);
	box-shadow:         0px 0px 41px 0px rgba(0, 0, 0, 0.85);
	
	border-radius:45px;
}
.closeloginModel
{
	position:absolute;
	top:-25px;
	right:40px;
	color:#ffffff;
	font-size:12px;
}
.userModel .loginGraphic
{
	width:45%;
	float:left;
	background:#f7f7f7;
	text-align:center;
	height:320px;
	line-height:400px;
	vertical-align: middle;
	border-radius:45px 0px 0px 45px;
}
.userModel .rightForm
{
	padding:15px 35px;
	width:55%;
	float:right;
}
.userModel .rightForm h2
{
	font-size:29px;
	text-align:center;
	padding:15px 0px 5px;
}
.userModel .rightForm h2 span
{
	color:#f34137;
}
.userModel .rightForm p
{
	text-align:center;
	font-size:14px;
	opacity:0.7;
	margin-bottom:15px;
}
.userForm{}
.userForm .validation{}
.formRow
{
	position:relative;
}
.formRow .rowInput
{
	background:none;
	border-bottom:1px solid #e6e6e6!important;
	width:100%;
	padding:15px 10px 7px 40px;
	position:relative;
	z-index:2;
	font-size:15px;
}
.formRow .label
{
	position:absolute;
	width:100%;
	top:14.5px;
	left:40px;
	z-index:1;
	
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.formRow.active .label
{
	top:2px;
	font-size:11px;
	color:#9d1786;
}
.userFormButton
{
	position:relative;
	padding-top:10px;
	padding-bottom:25px;
}
.userFormButton label
{
	position:absolute;
	top:18px;
	left:0px;
	font-size:13px;
}
.userFormButton label input
{
	
	margin-right:7px;
}
.userFormButton label a
{
	font-size:13px;
	text-decoration:underline;
}
.userModel .userFormButton input[type="submit"]
{
	text-transform:uppercase;
	padding:6px 15px;
	font-size:17px;
	font-weight:bold;
	width:100%;
}
.nameIco, .mobileIco, .emailIco, .passwordIco
{
	background:url("../../images/login-sprite.png") no-repeat!important;
	background-position:-100px 0px!important;
}

.nameIco{background-position:4px 15px!important;}
.mobileIco{background-position:4px -221px !important;}
.emailIco{background-position:4px -65px !important;}
.passwordIco{background-position:4px -141px !important;}


/*
	######################
	haveQueries
	######################
*/
.haveQueries{}
.haveQueries .locationMap{
	background:#f3f1ed;
	min-height:600px;
}
.haveQueries .querieForm, .querieContact{
	position:absolute;
	top:35px;
	right:7%;
	background:#ffffff;	
	width:30%;
	
	-webkit-box-shadow: 0px 0px 24px 0px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 0px 24px 0px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 0px 24px 0px rgba(50, 50, 50, 0.30);
	overflow:hidden;
}
.haveQueries #querieForm{padding:20px;}
.haveQueries .querieForm{min-height: 450px;}
.haveQueries .querieForm .postLoader{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    z-index: 100;   
    text-align: center;
}
.haveQueries .querieForm .postLoader img{ padding-top: 50%;}
.haveQueries .querieForm  .rowInput{
	border:1px solid #e1e1e1;
	padding:14px 12px;
}
.haveQueries .querieForm  .rowInput:focus{border-color:#013148!important;}

.haveQueries .querieForm  textarea.rowInput{height:180px;}
.haveQueries .querieForm .dateSelect{
	width:48%;
	float:left;
}
.haveQueries .querieForm .timeSelect{
	width:48%;
	float:right;
}
.haveQueries .querieContent{position:relative;}
.querieContact{
	left:7%; right:auto;
	text-align:center;
	width:44%;
}
.querieContact a{
	font-size:21px;
	color:#000000;
	margin:0px 10px;
	padding:12px 0px 12px 35px;
	background:url("../../images/query-ico.png") no-repeat;
}
.querieContact a.phone{background-position:5px 13px!important;}
.querieContact a.email{background-position:0px -94px!important;}
.successQuery{
    text-align: center;
    padding:25% 0px 0px 0px;
	min-height: 450px;
	background:url("../../images/bg_image.png") no-repeat bottom center;
	background-size:700px 164px;
}
.successQuery label
{
    font-size:45px;    
    padding-bottom: 8px;
	color:#000000;
}
.successQuery p
{
    font-size: 18px;
    margin: 0px 15%;
	letter-spacing:0.4px;
	line-height:25px;
}

.haveQueries h1 strong{	color:#013148; }
.haveQueries h1 span{	color:#f6b101; }

.haveQueries h1 strong strong
{
	color:#f6b101;
	vertical-align:top;
}
/*
	######################
	About Best Realty CRM
	######################
*/
.aboutRemax{}
.aboutRemax h1
{
	padding-bottom:20px;
	font-size:35px;
}
.aboutRemax .remaxRow
{
	margin:0px 5% 25px;
}
.aboutRemax .img
{
	width:50%;
	float:left;
}
.aboutRemax .img img,
.aboutRemax h1 img
{
	max-width:100%;
}
.aboutRemax .text
{
	width:43%;
	float:right;
	text-align:left;
	padding-top:8%;
}
.aboutRemax .text h1
{
	font-size:42px;
	text-align:left;
}
.aboutRemax .text h1 strong
{
	text-transform:uppercase;
}
.aboutRemax .text p
{
	font-size:18px;
	line-height:26px;
	margin-bottom:55px;
}
.aboutRemax .text a
{
	border:1px solid #9d1786;
	border-bottom:2px solid #9d1786;
	color:#9d1786;
	font-size:18px;
	padding:12px 50px 12px 20px;
	background:url("../../images/arrow_sprite.png") no-repeat;
	background-position:94% -14%;
}
.sellHome .img
{
	float:right!important;
}
.sellHome .text
{
	float:left!important;
}
.sellHome .text h1 strong
{
	
}
.sellHome .text a
{
	border:1px solid #f6b101;
	border-bottom:2px solid #f6b101;
	color:#fff;
	background-color:#f6b101;
	background-position:92% 112%;
}

/*
	######################
	Best Realty CRM Feature
	######################
*/
.remaxFeature
{
	background:#f9f9f9;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	padding:40px 0px;
}
.remaxFeature .wrapper
{
	padding:0px 2%;
}
.remaxFeature .feature1{float:left;}
.remaxFeature .feature2{float:right;}
.remaxFeature .feature
{
	background:#ffffff;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.10);
	-moz-box-shadow:    0px 0px 20px 0px rgba(50, 50, 50, 0.10);
	box-shadow:         0px 0px 20px 0px rgba(50, 50, 50, 0.10);
	height:450px;
	width:48%;
	overflow:hidden;
	text-align:center;
}
.remaxFeature .feature .img
{
	background:#f7f7f7;
	height:240px;
	margin-bottom:25px;
	overflow:hidden;
}
.remaxFeature .feature h1
{
	font-size:30px;
	padding-top:0px;
	padding-bottom:7px;
}
.remaxFeature .feature h1 strong
{
	color:#000000;
}
.remaxFeature .feature p
{
	font-size:16px;
	margin:0px 5%;
	padding-bottom:25px;
}
.remaxFeature .feature a
{
	background:url("../../images/arrow_sprite.png") no-repeat;
	background-position:94% 111%;
	background-color:#013148;
	color:#ffffff;
	font-size:17px;
	padding:12px 50px 12px 20px;
	text-transform:uppercase;
}
.remaxFeature .feature2 a
{
	background-color:#f5b200;
}

/* 
	##################################
	############ Client Testimonials
	##################################
*/
.clientTestimonials
{
	border-top:1px solid #ededed;
	background:#001f40;
	height:565px;
	overflow:hidden;
}
.clientTestimonials h1
{
	font-size:35px;
	color:#ffffff;
}
.clientTestimonials h1 strong
{
	color:#ffffff;
}
.clientTestimonials .subTitle
{
	color:#ffffff;
}
.testimonialSlider
{
	padding-bottom:45px;
	margin:0px 10%;
}
.testimonialSlider ul
{
	padding:0px!important;
	
}
.testimonialSlider li.t2
{
	padding-bottom:0px;
}
.testimonialSlider li
{
	/*width:calc(100%/2);
	float:left;
	
	text-align:center;
	padding:10px 10px 60px 170px;
	
	
	position:relative;
	*/
	
	height:380px;
	
}
.testimonialSlider li .txt .quoto
{
	position:absolute;
	
	
	z-index:100;
	font-size:45px;
}
.testimonialSlider li .txt .q1
{
	top:0px;
	left:20px;
}
.testimonialSlider li .txt .q2
{
	right:20px;
	bottom:50px;
}
.testimonialSlider li .txt
{
	background:#ffffff;
	border-radius:15px;
	margin:0px 8%;
	padding:25px 65px;
	min-height:310px;
	
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.85);
	-moz-box-shadow:    0px 0px 18px 0px rgba(0, 0, 0, 0.85);
	box-shadow:         0px 0px 18px 0px rgba(0, 0, 0, 0.85);
	position:relative;
}
.testimonialSlider li .t1 .p
{
	padding-top:6%;
}
.testimonialSlider li .t1 a
{
	padding-top:35px;
}

.testimonialSlider li p
{
	line-height:26px;
	font-size:16px;
	padding-bottom:10px;
	letter-spacing:0.4px;
}
.testimonialSlider li a
{
	font-weight:bold;
	font-size:17px;
	color:#000000;
	text-align:right;
	width:100%;
}

.testimonialSlider .lSAction > a
{
	width:44px!important;
	height:44px!important;
	background:url("../../images/testimonial-arrow.png") no-repeat;
}
.testimonialSlider .lSAction > .lSNext
{
	background-position:-109px 0px;
}

.clientTestimonials .wrapper
{
	position:relative;
	z-index:2;
}

.testimonialBg
{
	background:url("../../images/testimonial-bg.jpg") no-repeat top center;
	background-size:cover;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:0;
	opacity:0.4;
	background-attachment:fixed;
}

.testimonialSlider li .clientAvtar
{
	height:160px;
	position:absolute;
	top:20px;
	left:0px;
}
.testimonialSlider li .clientAvtar .avtar,
.testimonialSlider li .clientAvtar .cir
{
	width:137px;
	height:137px;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
	overflow:hidden;
	position:relative;
	z-index:2;
}
.testimonialSlider li .clientAvtar .avtar img
{
	width:137px;
	height:137px;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
}
.testimonialSlider li .clientAvtar .cir
{
	background:#055fbe;
	position:absolute;
	z-index:1;
	top:6%;
	left:0%;
}

/* 
    ##################################
    ############ Listing Contact Model
    ##################################
*/
.contactMoodel .modelWrapper
{
	width:600px!important;
	border-radius:7px;
	background:#f8f8f8!important;
	margin-top:6%!important;
}
.contactMoodel .modelWrapper .contactFor
{
	width:45%;
	float:left;
	padding:10px;
}
.contactMoodel .modelWrapper .contactFor .propertyAvtar
{
	background:#ffffff;
	padding:5px;
	margin:20px 20px 20px;
}
.contactMoodel .modelWrapper .contactFor .propertyAvtar img
{
	max-width:100%;
	vertical-align:top;
}
.contactMoodel .modelWrapper .contactFor label
{
	padding:0px 20px;
	text-align:center;
	display:block;
	font-size:15px;
	color:#000000;
	font-weight:bold;
	
}
.contactMoodel .modelWrapper .contactFor label strong
{
	font-weight:normal;
	font-size:14px;
	display:block;
	padding-top:4px;
	opacity:0.5px;
}
.contactMoodel .modelWrapper .contactTo
{
	width:55%;
	float:right;
	background:#ffffff;
	border-radius:0px 5px 5px 0px;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.25);
}
.contactMoodel .modelWrapper .contactTo .postInquiry
{
	width:auto;
}
.contactMoodel .modelWrapper .contactClose
{
	position:absolute;
	top:-25px;
	right:0px;
	color:#ffffff;
	font-size:13px;
}

/* 
    ##################################
    ############ Post Inquiry
    ##################################
*/
.inquiryHolder
{
	width:350px;
	float:right;	
	position:relative;
}
.postInquiry.fixed
{
	position:fixed;
	top:91px;
	z-index:100;
}

.postInquiry.abs
{
	position:absolute;
	z-index:100;
}
.postInquiry
{	
	padding-top:20px;
    min-height: 510px;
	padding:0px;
	overflow:hidden;
	width:350px;
}
.postInquiry #inquiryFormDiv{
	padding:10px;
}	
.postInquiry #thnkyouDiv
{
    position: relative;
	min-height: 510px;
	padding:10px;
	background:url("../../images/bg_image.png") no-repeat bottom center;
	background-size:550px 129px;
}
.postInquiry #thnkyouDiv h6
{
	font-weight: 300;
	text-align:center;
	font-size:23px;
	padding-top:50%;
	color:#000000;
	padding-bottom:5px;
}
.postInquiry #thnkyouDiv p
{
    font-size: 17px;
    margin: 0px 5%;
    opacity: 0.6;
}
.postInquiry #inquiryFormDiv
{
    position: relative;
}
.postInquiry #inquiryFormDiv .postLoader
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    width:100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    text-align: center;
        
}
.postInquiry #inquiryFormDiv .postLoader img
{
    padding-top: 75%;
}
.postInquiry h5
{
	font-weight: 300;
	font-size:27px;
	text-align:center;
			margin-bottom:15px;
}
.postInquiry h5 span
{
	color:#f48a00;
}
.postInquiry p
{
	font-size:19px;
	color:#000000;
	text-align:center;
	margin-bottom:10px;
}
.postInquiry .inquiryTab
{
	background:#f4f4f4;
	border-radius:5px;
	margin-bottom:25px;
}
.postInquiry .inquiryTab a
{
	display:inline-black;
	width:50%;
	text-align:center;
	float:left;
	padding:10px 10px;
	box-sizing:border-box;
	color:#968484;
	border-radius:5px;
	position:relative;
}
.postInquiry .inquiryTab a.active
{
	background:#013148;
	color:#ffffff;
}
.postInquiry .inquiryTab a.active:after
{
	font-family: 'FontAwesome';
	content:"\f0d7";
	color:#013148;
	position:absolute;
	font-size:30px;
	bottom:-18px;
	left:48%;
}
.postInquiry form .int,
.postInquiry form .checkbox
{
	position:relative;
	margin:0px 10px;
}
.postInquiry form .int .lbl
{
	position:absolute;
	top:10px;
	left:0px;
	opacity:0.5;
}
.postInquiry form .int input
{
	border-bottom:1px solid #e3e3e3;
	width:100%;
	padding:10px;
	/*padding-left:80px;*/
	font-size:15px;
}
.postInquiry form .validation
{
	padding-left:13px;
}
.postInquiry form .checkbox
{
	font-size:14px;
	margin-top:10px;
	display:block;
	padding-left:20px;
}
.postInquiry form .checkbox input
{
	position:absolute;
	top:3px;
	left:0px;
}
.postInquiry form .inquiryBtn
{
	text-align:center;
	padding-top:25px;
}
.postInquiry form .inquiryBtn input[type="submit"]
{
	background:#f4a700;
	color:#ffffff;
	border:1.8px solid #f4a700;		
	-webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 5px 8px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 5px 8px 0px rgba(0, 0, 0, 0.15);
	font-size:17px;
}
.postInquiry form .inquiryBtn input[type="submit"]:hover
{
	background:#e79f02;
}
.postInquiry form .inquiryBtn p
{
	font-size:13px;
	color:#898989;
	padding-top:11px;
}


/* 
    ##################################
    ############ Detail Feaure
    ##################################
*/

.detailFeature
{
    background: #ffffff;
    padding: 30px 0px;
    border-top:1px solid rgba(0,0,0,0.1);
    margin-bottom: 0px!important;
}

.mobilePropertyType
{
	display:none;
}


a.filter
{
	width:42px;
	height:42px;
	background:#f8f8f8;
	position:absolute;
	top:0px;
	right:0px;
	z-index:100;
	color:#313c4c;
	text-align:center;
	line-height:42px;
}
a.filter:before
{
	font-family: 'FontAwesome';
	content: "\f0b0";
	font-size:18px;
}


/* 
    ##################################
    ############ Suggestive Search
    ##################################
*/
.ui-menu
{
	z-index:20000!important;
}
.ui-menu li.ui-menu-item
{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.ui-menu .ui-menu-item a
{
	position:relative;
	padding:13px 5px 13px 45px!important;
	border-bottom:1px dashed #e9e9e9;
}
.ui-menu .ui-menu-item a span
{
	position:absolute;
	top:8px;
	left:8px;
}
.closeSearchResult
{
	background:#f2f2f2;
	border-top:1px solid #e6e6e6;
	padding:10px;
	text-align:right;
	cursor:pointer;
}
.cityIco,
.areaIco,
.societyIco
{
	background:url("../../images/suggestive-ico.png") no-repeat;
	background-size:25px 107px;
	display:inline-block;
	width:28px; 
	height:28px;
	background-repeat:no-repeat;
}
.cityIco{background-position:0px 1px;}
.areaIco{background-position:0px -42px;}
.societyIco{background-position:0px -86px;}

/* 
	########################
	############ Selling  Property
	########################
*/
.sellProperty{}
.sellProperty p
{
	text-align:center!important;
	font-weight: 300;
	font-size:21px!important;
	letter-spacing:0.2px;
	line-height:30px!important;
	padding:10px 0px; 
}
.sellProperty .sellPropertyFrom
{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 0px 50px 0px rgba(50, 50, 50, 0.15);
	
	width:60%;
	margin:2% auto 0px auto;
	background:#ffffff;
	padding:15px 25px;
}
.sellProperty .sellPropertyFrom li .label
{
	width:33%;
}
.sellProperty .sellPropertyFrom li .value
{
	width:67%;
}
.sellProperty .sellPropertyFrom li .value .input
{
	width:70%;
}
.sellProperty .sellPropertyFrom li .value .radioCheckbox
{}

.sellProperty .sellPropertyFrom li .size{}
.sellProperty .sellPropertyFrom li .size input,
.sellProperty .sellPropertyFrom li .size select
{
	width:158px!important;
}
.sellProperty .sellPropertyFrom .formButton input
{
	text-transform:uppercase;
	font-size:21px;
	padding:10px 30px; 
}

/* 
	########################
	############ Careers 
	########################
*/
.careerPage{background:#fff;}
.careerPage .pageContent{padding:40px 0px;}
.careerPage p{
	font-weight:300;
	font-size:20px;
	color:#000;
	padding:0px 5% 35px;
	text-align:center;
	line-height:30px;
	letter-spacing:0.5px;
	border-bottom:1px solid rgba(0,0,0,0.09);
	margin-bottom:45px;
}
.careerPage p strong{font-weight:600;}

.currentOpenings{float:left; width:30%;}
.careerForm{float:right; width:60%; background:#fff; box-shadow:0px 0px 25px rgba(0,0,0,0.09);}

.careerJob{margin:0px 10% 35px;}
.careerJob h2{background:#013148; color:#fff; padding:10px 10px; border-radius:0px; font-size:19px; text-align:center; margin-bottom:20px}
.currentOpenings p{border:none;}

/* 
	########################
	############ Meet Expret Listing
	########################
*/
.expertListing{}
.expertListing li:before
{
	display:none;
}
.expertListing li
{
	width:30%;
	background:#ffffff;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.15);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.15);
	
	padding:10px!important;
	color:#3b4552;
	float:left;
	margin:15px;
}
.expertListing li .expertAvatar
{
	width:100px;
	height:100px;
	float:left;
	background:#f2f2f2;
	overflow:hidden;
}
.expertListing li .expertAvatar img
{
	max-width:100%;
	vertical-align:top;
}
.expertListing li .expertInfo
{
	float:right;
	width:64%;
}
.expertListing li .expertInfo label,
.expertListing li .expertInfo span
{
	display:block;
	position:relative;
}
.expertListing li .expertInfo label 
{
	font-size:18px;
	color:#000000;
	padding-bottom:4px;
	padding-top:2px;
}
.expertListing li .expertInfo span
{
	font-size:15px;
	padding-bottom:3px;
	padding-top:5px;
	padding-left:25px;
	opacity:0.8;
}
.expertListing li .expertInfo span:before
{
	font-family: 'FontAwesome';
	position:absolute;
	top:8px;
	left:0px;
	opacity:0.5;
}
.expertListing li .expertInfo .email:before
{
	content: "\f0e0";
}
.expertListing li .expertInfo .mobile:before
{
	content: "\f095";
	left:1px;
}
.expertListing li .expertInfo .from:before
{
	content: "\f041";
	left:4px;
}

.alertMessage
{
	position:fixed;
	top:50%;
	left:0px;
	width:100%;
	z-index:3;
	text-align:center;
}
.alertMessage label
{
	background:rgba(0,0,0,0.9);
	border-radius:45px;
	padding:15px 25px;
	padding-left:45px;
	color:#ffffff;
	
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 0px 9px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 0px 35px 0px rgba(0, 0, 0, 0.55);
	position:relative;
}
.alertMessage label:before
{
	font-family: 'FontAwesome';
	content: "\f058";
	font-size:20px;
	color:#6ee5a0;
	position: absolute;
	top:14px;
	left:15px;
}




/* 
	########################
	############ Page = Home Loan
	########################
*/
.pageHomeLoan
{
	margin:20px 10%;
}
.pageHomeLoan h4
{
	font-weight: 300;
	font-size:25px;
	text-align:center;
	line-height:33px;
	padding-bottom:40px;
	color:#000000;
}
.pageHomeLoan h4 strong
{
	font-weight: 700;
}
.pageHomeLoan ol li{
	border-bottom:1px solid #e6e6e6;
	padding:30px 0px;
	vertical-align:top;
}
.pageHomeLoan ol li:last-child{
	border:none;
}
.pageHomeLoan ol li .img{
	width:30%;
	float:left;
}
.pageHomeLoan ol li .img img{
	max-width:100%;
}
.pageHomeLoan ol li .text{
	width:67%;
	float:right;
}
.pageHomeLoan ol li .text label
{
	font-weight: 700;
	font-size:21px;
	color:#033045;
	padding-bottom:10px;
}
.pageHomeLoan ol li .text p
{
	padding-bottom:8px!important;
	padding-left:25px;
	position:relative;
	text-align:left;
}
.pageHomeLoan ol li .text p:before
{
	font-family:"FontAwesome";
	content:"\f058";
	position:absolute;
	top:2px;
	left:0px;	
}
.pageHomeLoan ol li.alt{}

.pageHomeLoan ol li.alt .img{float:right;}
.pageHomeLoan ol li.alt .text{float:left;}

.sitemapRow
{
	border:1px solid #e8e8e8;
}
.sitemapRow .box
{
	float:left;
	width:33.33%;
	border-right:1px solid #e8e8e8;
	box-sizing:border-box;
	padding:0px 20px;
	min-height:280px;
	font-size:14px;
}
.sitemapRow .box label
{	
}
.sitemapRow .box label a:before
{
	font-family:"FontAwesome";
	content:"\f054";
	font-size:11px;
	margin-right:5px;
}

/* 
	########################
	############ Page = my Account
	########################
*/
.myAccount
{
	background:#ffffff;
	border-radius:10px;
	
	-webkit-box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    0px 0px 19px 0px rgba(50, 50, 50, 0.15);
	box-shadow:         0px 0px 19px 0px rgba(50, 50, 50, 0.15);
	padding:10px 25px 50px 25px;
	margin:5% 15%;
}
.myAccount h4
{
	border-bottom:1px solid #eeeeee;
	padding-bottom:1px;
	margin-bottom:15px;
	color:#000000;
}
.myAccount h4 span
{
	border-bottom:1px solid #eeeeee;
	padding-bottom:1px;
	display: block;
	font-weight: 300;
	font-size:30px;
	padding:10px 0px 19px;
}
.myAccount .userInfo
{
	padding:10px 0px 50px;
	float:left;
	width:50%;
}
.myAccount .userInfo label
{
	color:#000000;
	display:block;
	padding-bottom:10px;
}
.myAccount .userInfo label span
{
	display:inline-block;
	border:none;
	color:#777777; 
	padding:0px 10px 0px 0px;
	width:90px;
	text-align:left;
}
.myAccount .userInfo label a
{
	font-size:13px;
	text-decoration:underline;
	margin-left:10px;
}
.myAccount .userInfo label:first-child
{
	padding-left:0px;
}
.myAccount .userInfo label:last-child
{
	padding-right:0px;
	border:none;
}

.myAccount .userState
{
	float:right;
	width:48%;
}
.myAccount .stateBox
{
	background:#ffffff;
	border-radius:10px;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.20);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.20);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.20);
	width:100%;
	
	
	margin:18px 0px 10%;
	position:relative;
}
.myAccount .stateBox a
{
	padding:15px 25px 25px 105px;
}
.myAccount .stateBox a i
{
	margin:0px;
	width:70px;
	height:80%;
	position: absolute;
	top:12px;
	left:12px;
	border-right:1px solid #eeeeee;
}
.myAccount .stateBox a i img
{
	max-width:98%;
	padding-top:15px;
}
.myAccount .stateBox a span
{
	display:block;
	padding-bottom:0px;
	color:#000000;
	font-weight:bold;
}
.myAccount .stateBox a p
{
	text-align:left;
	font-size:13px;
	margin:0px;
	line-height:normal;
	color:#777777;
}
.myAccount .stateBox a strong
{
	display:block;
	font-weight: 700;
	font-size:45px;
}
.myAccount .activeProperty
{
	margin-right:0px;
}
.myAccount .activeProperty strong
{
	color:#28bc78;
}
.myAccount .activeProperty .addPropertlink
{
    position: absolute;
    font-size:14px;
    padding: 0px;
    text-decoration: underline;
    top:55%;
    right: 20px;
}
.changePassword
{
	padding:25px;
}
.changePassword ul
{
	margin-top:30px;
}
.changePassword ul li:before
{
	content:" ";
	display:none;
}

/* 
	########################
	############ Page = My Property
	########################
*/
.myProperty .filterTab
{
	margin-top:20px;
}
.myProperty .resultListing li .basicInfo
{
	width:75%;
}
.myProperty .resultListing li .btn a
{
	border:none;
	border-radius:0px;
	padding:0px;
	margin:0px;
	text-decoration:underline;
}

.myProperty .resultListing li .btn
{
	color:#b1b2b4;
	padding-right:15px;
	padding-top:23px;
}
.myProperty .resultListing li .btn a.editLink{color:#1c56b0;}

/* 
	########################
	############ Page = My Bookmark
	########################
*/
.myBookmark
{
	margin-top:40px;
}
.myBookmark .resultListing li .basicInfo
{
	width:75%;
}

/* 
	########################
	############ Page = Forced Login
	########################
*/
.forceOverlay{background:rgba(0,0,0,0.92)!important;}
.forcedLogin{}
.forcedLogin .modelWrapper
{
	width:675px;
	background:url("../../images/model_banner.png") no-repeat top center #dfcf9c!important;
	box-sizing:border-box;
	padding-bottom:25px;
	text-align:center;
	padding-top:20px;
	margin-top:8%!important;
	position:relative;
	
	-webkit-box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.95)!important;
	-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.95)!important;
	box-shadow:         0px 0px 45px 0px rgba(0, 0, 0, 0.95)!important;
}
.forcedLogin .modelWrapper .close
{
	font-size:15px!important;
	top:-40px!important;
	right:0px!important;
	opacity:1!important;
	padding:0px!important;
}
.forcedLogin h3
{
	font-size:27px;
	padding-bottom:0px;
	color:#ffffff;
	text-shadow: 0px 0px 19px rgba(0, 0, 0, 1);
}
.forcedLogin h3 strong
{
	display:block;
}
.forcedLogin h3 span
{
	background:#ffffff;
	display:inline-block;
	padding:5px 10px;
	font-size:18px;
	text-transform:uppercase;
	color:#000000;
	text-shadow: 0px 0px 19px rgba(0, 0, 0, 0);
	margin:15px 0px;
}
.forcedLogin h6
{
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	text-shadow: 0px 0px 19px rgba(0, 0, 0, 1);
}
.forcedLogin .loginPropertyBox
{
	background:#fef9e7;
	margin:55px 5% 0px 5%;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.25);
	padding-bottom:20px;
}
.forcedLogin .loginPropertyBox .numberBox
{
	display:inline-block;
	vertical-align:top;
	padding:0px 10px;
	font-size:14px;
	position:relative;
	top:-35px;
}
.forcedLogin .loginPropertyBox .numberBox i
{
	width:60px;
	margin-bottom:0px;
}
.forcedLogin .loginPropertyBox .numberBox span
{
	display:block;
	line-height:18px;
	color:#000000;
}
.forcedLogin .loginPropertyBox .or
{
	border-bottom:1px solid #e0dac2;
	padding-bottom:1px;
	margin:0px 5%;
	position:relative;
	top:-25px;
}
.forcedLogin .loginPropertyBox .or label
{
	border-bottom:1px solid #e0dac2;
	display:block;
}
.forcedLogin .loginPropertyBox .or label span
{
	background:#fef9e7;
	display:inline-block;
	padding:5px 10px;
	text-transform:uppercase;
	font-weight:bold;
	color:#000000;
	position:relative;
	top:15px;
}
.forcedLogin .loginPropertyBox .buttons
{
	padding-top:25px;
	position:relative;
	top:-20px;
}
.forcedLogin .loginPropertyBox .buttons a
{
	background:#055fbe;
	color:#ffffff;
	padding:10px 15px;
	text-transform:uppercase;
	font-weight:bold;
	width:100px; /*width:80px;*/
	margin:0px 8px;
}
.forcedLogin .loginPropertyBox .buttons a.createBtn
{
	background:#9d1786;
}


/* 
	########################
	############ Team Listing
	########################
*/
.ourTeam{background:#f2f3f4;}
.ourTeam .pageContent{min-height:450px; padding-bottom:10%;}
.ourTeam .pageContent ul{
	margin-top:4%;	
	/*
	display:grid;
	grid-template-columns: 30% 30% 30%;
	grid-gap: 1% 3%;
	*/
}
.ourTeam .pageContent ul:after{clear:both; content:" "; display:block;}
.ourTeam .pageContent ul li{
	background:#fff;
	border-radius:7px;
	overflow:hidden;
	box-shadow: 0px 0px 19.32px 1.68px rgba(135, 162, 165, 0.21);
	padding:0px;
	color:#000;
	border-top:8px solid #013148;	
	
	width:30%;
	margin:0px 1.5% 3%;
	float:left;
	
}
.ourTeam .pageContent ul li:nth-child(even){border-color:#f3a700;}
.ourTeam .pageContent ul li .pic{
	background-color:#f2f2f2; 
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	text-align:center; 
	height:230px;
	overflow:hidden;
	border-top:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
}
.ourTeam .pageContent ul li .pic img{max-width:101%; vertical-align:top; max-height:101%;}
.ourTeam .pageContent ul li .infoText{padding:15px 18px;}
.ourTeam .pageContent ul li .infoText .specialization{min-height:60px;}
.ourTeam .pageContent ul li .title {padding:15px 0px; min-height:45px;}
.ourTeam .pageContent ul li .title h2{font-size:18px; padding-bottom:3px; text-align:center;}
.ourTeam .pageContent ul li .title h3{
	text-align:center; 
	display:block; 
	color:#333; 
	font-size:16px; 
	font-weight:normal;
	opacity:0.8;
}
.ourTeam .pageContent ul li .infoText{
	min-height:215px;
	position:relative;
}
.ourTeam .pageContent ul li .infoText p{
	letter-spacing:0.3px; 
	line-height:23px; 
	color:#333; 
	padding-top:10px;
	height:90px;
	overflow:hidden;
}
.ourTeam .pageContent ul li .infoText label span{display:block; font-weight:bold; color:#000;}
.ourTeam .pageContent ul li .infoText label{
	display:block; 
	letter-spacing:0.3px; 
	line-height:23px; 
	color:#333; 
	padding-bottom:10px;
	text-align:center;
	border-bottom:1px solid rgba(0,0,0,0.05);
	margin-bottom:3px;
	min-height:45px;
	white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}
.ourTeam .pageContent ul li .infoText a{
	border-top:1px solid rgba(0,0,0,0.05);
	display:block;
	text-align:center;
	padding:13px 0px 4px 0px;
	margin-top:15px;
	position:absolute;
	left:5%;
	bottom:15px;
	width:90%;
}
/* =========== */
.moreTeamInfo{
	background:rgba(0,0,0,0.5);
	position:fixed;
	top:0px;
	left:0px;
	z-index:1000;
	width:100%;
	height:100%;
}
.moreTeamInfo .content{
	background:#fff;
	max-width:600px;
	margin:0px auto;
	padding:0px 0px 10px;	
	margin-top:6%;	
}
.moreTeamInfo .content h2{background:#013148; padding:15px 25px; color:#fff;}
.moreTeamInfo .content h2 a{
	float:right;
	color:#fff;
	font-weight:300;
}
.ourTeam .pageContent ul li:nth-child(even) .content h2{background:#f3a700;}
.moreTeamInfo .content p{
	letter-spacing:0.3px; 
	line-height:23px; 
	color:#333; 
	white-space: pre-wrap;
}
.moreTeamInfo .content .text{
	max-height:350px;
	overflow:auto;
	padding:15px 25px;
}

/* 
	########################
	############ Quick Inquiry
	########################
*/
.quickInquiry{}
.quickInquiry .modelWrapper{width:750px!important; margin-top:8%!important; display:flex;}

.quickInquiry .modelWrapper:after{clear:both; content:" "; display:block;}
.quickInquiry .modelWrapper .inquiryInfo{ width:40%; box-sizing:border-box; position:relative;}
.quickInquiry .modelWrapper .inquiryForm{width:100%; box-sizing:border-box; position:relative;}
/* ===== */
.quickInquiry .modelWrapper .inquiryInfo{
	background:url('../../images/quick_inquiry.png') no-repeat #055fbe;
	background-size:cover;
}
.quickInquiry .modelWrapper .inquiryInfo img{max-width:100%;}
.quickInquiry .modelWrapper .inquiryInfo h2{
	font-weight:800;
	color:#fff;
	padding-bottom:5px;
	font-size:25px;
	text-align:center;
	padding-top:25px;
	text-transform:uppercase;
	line-height:35px;
	letter-spacing:0.5px;
}
/* ===== */
.quickInquiry .modelWrapper .inquiryForm a.close{
	position:absolute;
	top: 0;
	z-index: 100;
	right: -44px;
	font-weight:300;
}
.quickInquiry .modelWrapper .inquiryForm{padding:20px 35px;}
.quickInquiry .modelWrapper .inquiryForm h2{
	font-size:20px; 
	font-weight:400; 
	text-align:center; 
	padding-bottom:20px; 
	color:#000;
}
.quickInquiry .modelWrapper .inquiryForm p{padding-bottom:25px; letter-spacing:0.5px;}
.quickInquiry .modelWrapper .inquiryForm h5{padding-bottom:10px; font-size:14px; font-weight:400; color:#000;}
.quickInquiry .modelWrapper .inquiryForm .input{
	/*border-radius:7px;*/
	padding:12px 15px;
	font-size:16px;
	border-bottom:1px solid #e4e6e8;
}
.quickInquiry .modelWrapper .inquiryForm .input:focus{border-color:#055fbe;}
.quickInquiry .modelWrapper .inquiryForm .validation{clear:both; text-align:left;}
.quickInquiry .modelWrapper .inquiryForm select{
	padding:12px 10px!important;
	background-position:92% 5px;
}
.quickInquiry .modelWrapper .inquiryForm .label{text-align:left; padding-top:7px; color:#000;}
.quickInquiry .modelWrapper .inquiryForm .segment label{padding: 10px 10px !important; color:#000;}
.quickInquiry .modelWrapper .inquiryForm .segment label span{padding:0px!important;}
.quickInquiry .modelWrapper .inquiryForm .button input[type="submit"]{
	border-radius:8px;
	background:#f5b200;
	color:#fff;
	width:100%;
	padding:12px 10px;
	font-weight:16px;
	font-weight:900;
	text-transform:uppercase;
	box-shadow: 0px 7px 9.2px 0.8px rgba(12, 84, 161, 0.22);
}
.quickInquiry .modelWrapper .inquiryForm .segment{border-color:#e5e5e5; overflow:hidden;}
.quickInquiry .modelWrapper .inquiryForm .segment label{border-right-color:#e5e5e5}
.quickInquiry .modelWrapper .inquiryForm .segment label:hover,
.quickInquiry .modelWrapper .inquiryForm .segment label.active{color:#fff!important}
.quickInquiry .modelWrapper .inquiryForm .button{margin-top:10px;}
.quickInquiry .modelWrapper .inquiryForm .button .loader{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.8);
	text-align:center;
	padding-top:10px;
}
.quickInquiry .modelWrapper .inquiryForm .button{width:200px; margin:0px auto;}
.quickInquiry .modelWrapper .inquiryForm h5{float:left!important; padding-top:10px;}
.quickInquiry .modelWrapper .inquiryForm .segment{float:right!important; width:70%;}

/* 
	==========================
	========== Pages:
	==========================
*/
.whiteBg{background:#fff;}
/* ====== */
.bannerIntro{color:#000; padding:80px 0px; letter-spacing:0.4px;}
.bannerIntro p{font-weight:300; font-size:23px; text-align:center; line-height:38px;}
.bannerIntro p strong{font-weight:600;}
/* ====== */
.affiliationsBanner{
	background-color:#013148;
	padding:60px 0px;
	min-height:400px;
	box-sizing:border-box;
	text-align:center;
}
.affiliationsBanner h2{
	font-weight:600; 
	font-size:30px;
	color:#fff;
	margin-bottom:60px;
}
.affiliationsBanner ul:after{clear:both; content:" "; display:block;}
.affiliationsBanner ul li{display:inline-block; margin:0px 10px;}
.affiliationsBanner ul li .img{width:205px; height:140px; line-height:140px; background:#fff; margin-bottom:10px;}
.affiliationsBanner ul li .img img{vertical-align:middle;}
.affiliationsBanner ul li label{color:#fff; font-weight:bold; font-size:17px;}
/* ====== */
.ourServices{
	background-color:#f5faff;
	padding:50px 0px;
	box-sizing:border-box;
	text-align:center;
}
.ourServices h2{
	font-weight:600; 
	font-size:30px;
	color:#000;
	margin-bottom:50px;
}
.ourServices ul:after{clear:both; content:" "; display:block;}
.ourServices ul li{
	display:inline-block; margin:20px 15px;
	background:#fff;
	box-shadow: 0px 0px 14.72px 1.28px rgba(127, 162, 198, 0.25);
	width:330px;
	height:300px;
	position:relative;
}
.ourServices ul li a{
	position:absolute;
	top:0px; left:0px;
	width:100%; height:100%;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 48%, rgba(0,0,0,0.89) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 48%,rgba(0,0,0,0.89) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 48%,rgba(0,0,0,0.89) 100%);
	font-weight:600; 
	font-size:22px;
	color:#fff;
}
.ourServices ul li a span{
	position:absolute;
	bottom:15px; left:0px;
	width:100%;
	z-index:1;
}
.ourServices ul li.last{
	clear:both;
	width:1060px!important;
	height:300px;
	margin:0px auto;
	overflow:hidden;
}
/* ====== */
.unitConversionBox{
	background-color: #fff;
	border-radius:10px;
	box-shadow: 0px 0px 29.44px 2.56px rgba(111, 111, 111, 0.28);
	padding:25px 15px;
	width:810px;
	margin:-100px auto 0px auto;
	box-sizing:border-box;
	z-index:2;
	position:relative;
	text-align:center;
}
.unitConversionBox .control{
	width:300px;
	margin:0px 20px;
	display:inline-block;
	vertical-align:top;
}
.unitConversionBox span{
	background:#f3a700;
	width:45px;
	height:45px;
	border-radius:100%;
	line-height:40px;
	margin-top:25px;
}
.unitConversionBox span img{vertical-align:middle;}
.unitConversionBox input{
	border:1px solid #dedede;
	padding:12px 10px;
	font-size:19px;
	font-weight:600;
	text-align:center;
	width:100%;
}
.unitConversionBox input:focus{border-color:#055fbe;}
.unitConversionBox select{
	border:1px solid #eeeeee;
	background-color:#eeeeee;
	background-position:95% 5px;
	padding:10px;
	font-size:17px;
	font-weight:600;
	text-align:center;
	width:100%;
}
/* ====== */
.calculatorBox{
	background-color: #fff;
	border-radius:10px;
	box-shadow: 0px 0px 29.44px 2.56px rgba(111, 111, 111, 0.28);
	padding:25px 35px;
	margin:100px auto;
	width:85%;
}
.calculatorBox .form{
	width:42%;
	float:left;
	border:1px solid rgba(0, 0, 0, 0.1);
	padding:20px;
	border-radius:5px;
}
.calculatorBox .form li{margin-bottom:30px;}
.calculatorBox .form li:last-child{margin-bottom:0px;}
.calculatorBox .form .value{width:52%;}
.calculatorBox .form .label{
	font-size:18px;
	font-weight:400;
	width:48%;
	text-align:left;
	color:#000;
}
.calculatorBox .form input{
	border:1px solid #dedede;
	padding:8px 10px;
	font-size:18px;
	font-weight:600;
	border-radius:7px;
	width:100%;
}
.calculatorBox .form .priceWord{padding-top:5px; color:#013148; font-size:14px;}
.calculatorBox .form input:focus{border-color:#055fbe;}
.calculatorBox .form .emi{
	background:#f1f3f4;
	border-radius:5px;
	padding:20px 15px;
	font-size:18px;
	font-weight:400;
	color:#000;
}
.calculatorBox .form .emi strong{
	font-weight:800;
	color:#013148;
	padding-left:10px;
	width:59%;
	float:right;
}
.calculatorBox .graph{
	width:53%;
	float:right;
	position:relative;
}
.calculatorBox .graph h3{text-align:center; padding-bottom:25px;}
.calculatorBox .graph canvas{margin:0px auto;}
.calculatorBox .graph .legendWrapper{margin:35px 5% 0px;}
.calculatorBox .graph .legend{color:#000; margin-bottom:10px; font-size:18px; position:relative; padding-left:28px}
.calculatorBox .graph .legend:after{content:" "; clear:both; display:block;}
.calculatorBox .graph .legend span{width:18px; height:18px; border-radius:3px; background:#000; position:absolute; top:4px; left:0px;}
.calculatorBox .graph .legend strong{display:block; font-weight:normal; padding:2px 0px; float:left;}
.calculatorBox .graph .legend label{
	float:right; color:#f88c01;
	text-align:left;
	width:45%;
}
/* ====== */
.nriService{}
.nriService .bannerIntro p{margin-bottom:25px;}
.nriService .affiliationsBanner{padding-bottom:25px;}
.nriService .affiliationsBanner ul li{
	/*width:28%;*/
	text-align:center;
	vertical-align:top;
}
.nriService .affiliationsBanner ul li .img{width:100%;}
.nriService .affiliationsBanner ul li label{height:80px;}

.nriGetTouch{padding:50px 0px;}
.nriGetTouch h2{font-size:30px; color:#000; text-align:center; padding-bottom:50px;}
.nriGetTouch ul.form{width:550px; margin:0px auto;}


/* ====== */
.fixedShre{
	position:fixed;
	top:135px;
	right:0px;
	z-index:100;
	background:rgba(255,255,255,1);
	box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.16);
	padding:10px 0px;
	border-radius:8px 0px 0px 8px;
	width:60px;
	text-align:center;
}
.fixedShre a{
	margin:5px 0px;
	display:inline-block;
}
.fixedShre a img{max-width:85%;}
.fixedShre a:hover{
	transform:scale(1.1,1.1);
	transform-origin:center;
}

.fixedInquieryBtn{
	background:#f5b200;
	border-radius:100%;
	width:65px;
	height:65px;
	color:#fff;
	text-align:center;
	line-height:65px;
	box-shadow: 0px 9px 10.27px 2.73px rgba(255, 193, 7, 0.23);
	
	position:fixed;
	bottom:25px;
	right:25px;
	z-index:100;
}
.fixedInquieryBtn img{padding-top:16px;}
.fixedInquieryBtn:hover{
	transform:scale(1.1,1.1);
	transform-origin:center;
}

.inquiryThankYou{
	background:#fff;
	box-shadow:0px 0px 50px rgba(0,0,0,0.1);
	border-radius:10px;
	text-align:center;
	margin:8% auto 30px;
	color:#000;
	max-width:600px;
	padding:15px 25px;
}
.inquiryThankYou label{
	font-weight:300;
	font-size:25px;
	padding-bottom:5px;
}
.inquiryThankYou p{
	font-weight:400;
	font-size:18px;
	opacity:0.8;
}
.inquiryThankYou img{
	max-width:100%;
}

/* 
	==========================
	========== Pages: About Us
	==========================
*/
.aboutUs{padding:35px 9%; color: #3b4552; line-height:23px; letter-spacing:0.5px;}
.infoText{ font-weight:400; font-size:16px; }
.infoText p{padding-bottom:15px;}

.missinVission{margin:35px 0px 50px; padding-left:130px;}
.missinVission h2{font-size:22px; color:#000; padding-bottom:10px;}
.mission{padding-bottom:45px; position:relative;}
.vision{position:relative;}
.missinVission img{position:absolute; top:0px; left:-110px;}

.promoterProfile{}
.promoterProfile h2{font-size:22px; color:#000; padding-bottom:25px;}
.promoterProfile .promoter{padding-left:45px; padding-bottom:25px;}
.promoterProfile .promoter h3{font-size:17px; color:#000; padding-bottom:3px;}
.promoterProfile .promoter p{padding-bottom:10px; text-align:justify;}

.ulBullets{margin-left:15px;}
.ulBullets li{list-style-type:disc; margin:10px 0px;}


/*
.pwaPromot{
	position:fixed;
	bottom:0px;
	z-index:100000;
	width:100%;
	padding:10px;
	background:#fff;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	padding-left:65px;
	height:65px;
	box-sizing: border-box;
}
.pwaPromot img{
	position:absolute;
	top:10px;
	left:10px;
	width:45px; 
	border:1px solid rgba(0,0,0,0.1); 
	border-radius:8px; 
	vertical-align:top;
}
.pwaPromot label{
	display:block;
	font-weight:600;
	font-size:16px;
	padding-top:3px;
	padding-bottom:3px;
	color:#000;
}
.pwaPromot p{font-size:13px; opacity:0.8;}
.pwaPromot a.roundBtn{
	position:absolute;
	top:10px;
	right:15px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px;
}
.pwaPromot a.cancel{
	position:absolute;
	top:6px;
	right:10px;
	text-align:center;
	width:40px;
	color:#000;
	padding:10px 0px;	
	font-size:25px;
	font-weight:300;
	transform:scale(1, 0.7);
	opacity:0.8;
}
.iosGuideScreen{}
.iosGuideScreen .modelWrapper{
	margin: 0px !important; 
	width: 90% !important; 
	height:auto!important;
	max-height:90%!important;
	padding:20px 15px 15px 15px;
	border-radius:10px;
	position: absolute;
	top:5%;
	left:5%;
	
	overflow:hidden;
	overflow-y:scroll;
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
}
.iosGuideScreen  img{max-width:100%; margin-bottom:30px;}
.iosGuideScreen  h3{
	font-size:17px;
	color:#000;
	font-weight:400;
	padding-bottom:15px;
}
.iosGuideScreen h3 strong{font-weight:800;}
.iosGuideScreen h4{height:auto!important; font-size:18px!important; margin-bottom:25px;}
.iosGuideScreen h4 .close{
	height:37px!important; font-size:19px!important; line-height:37px!important;
}*/

.iosGuideScreen h3{
	font-weight:600;
	text-align:left;
	font-size:15px;
	color:#000;
	padding:0px 0px 15px 20px;
}
.iosGuideScreen img{
	max-width:90%; 
	margin-bottom:35px;
	box-shadow:0px 0px 10px rgba(0,0,0,0.05);
}
.guidForApp{
	text-align:center; 
	padding:10px 0px 40px; 
	letter-spacing:0.5px; 
	min-height:480px;
}
.guidForApp .guideIco{
	background:url('../../images/guide_screen.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size:316px;
	height:120px;
}
.guidForApp label{
	font-weight:700; 
	display:block; 
	font-size:22px; 
	color:#000; 
	padding-top:10px;
	padding-bottom:7px;
}
.guidForApp p{
	font-size:15px!important; 
	padding:0px 30px; 
	padding-bottom:20px; 
	font-size:14px; 
	line-height:24px;
}
.guidForApp a{
	border-radius:7px; 
	background:#35cb60; 
	font-weight:800;
	box-shadow:0px 5px 10px rgba(0,0,0,0.1);
	padding:10px 20px 12px;
}

/*===========*/
.sendEmailModel{position:absolute!important;}
.sendEmailModel .modelWrapper{margin-top:5%!important;}
.sendEmailModel .sendBtn {position:absolute; top:12px; right:70px;}
.sendEmailModel .sendBtn .btn{
	border-radius:5px;
	background:#fff;
	color:#1c1c1c;
	width:100%;
	padding:9px 20px;
	font-weight:16px;
	font-weight:900;
	text-transform:uppercase;
	box-shadow: 0px 9px 9.2px 1.73px rgba(255, 193, 7, 0.0);
}
.sendEmailModel .sendBtn .btn:hover{background:#8ee18a; color:#fff;}

.modelWrapper .sendEmailForm li{
	display:grid;
    grid-template-columns: 100px calc(100% - 100px) !important;
	border-bottom: 1px solid #dfdfdf;
}
.modelWrapper .sendEmailForm li.noGrid{display:block;}
.modelWrapper .sendEmailForm li .lbl {
	font-size: 16px;
	font-weight:500;
	color:#7f7f7f;
	padding-top: 16px;
	padding-left: 14px;
}
.modelWrapper .input {
	width: 100%;
    padding:16px 0px;
    border:none;
	font-size: 16px;
	color: #000;
}
.modelWrapper textarea{resize:none; min-height:350px; padding:15px!important;}



/*
	======================
	@Page = Property Listing Agent
	======================
*/
.propertyListingWrapper{display:grid; grid-template-columns:22% 78%;}

/*============*/
.propertyFilter{
	background-color:#f3f9f7; padding:15px 20px;
	border-right:1px solid #E6EFEC;	
}
.propertyFilter h4{
	font-weight: 500;
	font-size:13px;
	text-transform:uppercase;
	color:#A7B9B3;
	padding:16px 2px 12px;
}
.propertyFilter h4 a{
	font-size:12px;	
	text-decoration:underline;
	text-transform:capitalize;
	color:#75CEB0;
	float:right;
}
.propertyFilter .filterRow{margin-bottom:15px;}
.propertyFilter .filterRow .input{width:100%; margin:auto; background-color:#fff; border: 1px solid #E2EFEB;}
.propertyFilter .filterRow select{
	font-weight: normal;
	font-size: 14px;
	line-height: 21px;
	color:#505159;
}
.propertyFilter .checkList li{border-top:1px solid #E2EFEB;}
.propertyFilter .checkList li:first-child{border:none;}
.propertyFilter .checkList{background-color:#fff; border: 1px solid #E2EFEB;}
.propertyFilter .checkList .checkbox{
	margin:0px; font-size:14px; padding:10px 10px 10px 40px;
	text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
}
.propertyFilter .checkList .checkbox .checkmark{top:12px; left:12px;}

.propertyFilter .checkList .options{border-top:1px solid #E2EFEB; background:#fafdfc;}
.propertyFilter .checkList .options label.checkbox{font-size:13px; padding:7px 10px 7px 40px;}
.propertyFilter .checkList .options label.checkbox .checkmark{
	top:12px; left:13px; 
	height:13px; width:13px; 
	border-radius:3px;
}
.propertyFilter .checkList .options label.checkbox .checkmark:after{
	left:4px; top:1px; 
	width:3px; height:7px; 
	border-width:0 2px 2px 0;
}

/*============*/
.properties .propertySearch input{
	width:100%; height:67px;
	background-color:#fff;
	border-bottom:1px solid #E7E7E7;
	background-image:url('../../images/search.svg');
	background-repeat:no-repeat;
	background-size:20px;
	background-position:20px;
	padding:23px 20px 23px 55px;
	font-size:15px;
	color:#AEABBA;
}
.properties .propertySearch .button{position: absolute; top:16px; right:16px;}
.properties .propertySearch .button .roundBtn{background:#252A5E; color:#FFF; border-color:#252A5E;}
.properties .propertySearch .button.green .btnLoader {
  position:absolute;
  top:0px; left:0px;
  background-color:#252A5E;
  border-color:#252A5E;
  width:100%; height:100%;
}
.properties .propertySearch .button.green .btnLoader span{top:6px!important;}

.properties .propertySearch .clear{
	position: absolute;
	top:26px; right:120px;
	font-size: 12px;
	text-decoration: underline; font-size:12px; text-decoration:underline;
}

/* ============= */
.properties .propertyList{padding:0px 30px;}
.properties .propertyList li {
	background-color:#FFFFFF;
	border-bottom:1px solid #E7E7E7;
	padding:30px 0px 30px;
}

.propertyList li .status{
	background-color:#D7D7D7;
	color:#666;
	font-size:12px;
	border-radius:3px;
	padding:6px;
	position:absolute;
	top:33px; right:0px;
}
.propertyList li .status.active{background-color:#AFF3E0; color:#479D85;}
.propertyList li .status.in_active, .propertyList li .status.inactive{background-color:#DEDEDE; color: #939393;}
.propertyList li .status.sold{background-color:#FBDADA; color:#9d5b5b;}

.propertyList li h3{padding-bottom:8px;}
.propertyList li h3 a{font-weight:600; font-size:16px; color:#252A5E;}

.propertyList li .primaryInfo{display:flex;}
.propertyList li .primaryInfo span{font-size:13px; color:#7A7C8C; border-right:2px solid #E9E9E9; padding:0px 15px; line-height:17px;}
.propertyList li .primaryInfo span:first-child{padding-left:0px;}
.propertyList li .primaryInfo span:last-child{padding-right:0px; border:none;}

.propertyList li .secondaryInfo{margin:30px 0px;} 
.propertyList li .secondaryInfo i{position:absolute; top:3px; left:0px;}
.propertyList li .secondaryInfo span{margin-right:40px; padding-left:30px; vertical-align:top;}
.propertyList li .secondaryInfo span strong{font-weight: normal; font-size: 14px; color: #4B4E69;}
.propertyList li .secondaryInfo label {font-size: 12px; color: #7A7C8C; display:block;}
.propertyList li .secondaryInfo label.textOverflow{max-width:150px;}

.textOverflow{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

/*============*/
.aboutNewProject{
	padding:0px 0px 0px; margin:15px auto 0px auto;
	font-size:13px;		
	border:1px solid #f1f1f1; margin-bottom:30px;
}
.aboutNewProject .tabRow{border-bottom:1px solid #f1f1f1; padding:11px 15px;}
.aboutNewProject .tabCol{width:33.3%; float:left;}

/*============*/
.propertyList .actions {display:flex; justify-content: space-between;}
.propertyList .actions a, .propertyList .actions select {
	padding:6px 15px;
	background:#FFFFFF;
	box-shadow:0px 0px 2px rgba(0, 0, 0, 0.24);
	border-radius:3px;
	font-weight:normal;
	font-size:13px; margin-right:10px;
}
.propertyList .actions select{padding:7px 15px;}
.propertyList .actions a.lead{color:#70A495;}
.propertyList .actions a.lead:hover{background-color: #70A495; color:#fff;}
.propertyList .actions a.activity{color:#D9AD6A;}
.propertyList .actions a.activity:hover{background-color:#D9AD6A; color:#fff;}
.propertyList .actions a.view{color:#A1A4C1;}
.propertyList .actions a.view:hover{background-color:#A1A4C1; color:#fff;}
.propertyList .actions .left{display:flex;}
.propertyList .actions .loaderWrapper{}
.propertyList .actions .loaderWrapper .loader{
	background:rgba(255,255,255,0.8);
	position:absolute; top:0px; left:0px; z-index:1;
	width:100%; height:100%; text-align:center;
}
.propertyList .actions .loaderWrapper .loader span{top:5px;}

.propertyList .actions .right{display:flex;}
.propertyList .actions .right a{
	width:30px; height:30px;
	border-radius:100%;
	padding:10px;
	background: #FFFFFF;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.16);
	margin-right:15px;
}
.propertyList .actions a.edit{
	background-image:url('../../images/edit.svg');
	background-repeat:no-repeat;
	background-size:15px;
	background-position:8px;
}
.propertyList .actions a.edit:hover {
	background-image:url('../../images/edit_white.svg');
	background-repeat:no-repeat;
	background-size:15px;
	background-position:8px;
	background-color:#7377A4;
	color:#fff;
}

.propertyList .actions .deleteLoader{
	position:absolute;
	top:0px; left:0px; z-index:1;
	width:100%; height:100%;
	border-radius:100%;
	background-color:rgba(255,255,255,0.8);
}
.propertyList .actions .deleteLoader span{top:4px; left:4px;}
.propertyList .actions a.delete{
	background-image:url('../../images/trash-2.svg');
	background-repeat:no-repeat;
	background-size:15px;
	background-position:8px;
}
.propertyList .actions a.delete:hover {
	background-image:url('../../images/trash_white.svg');
	background-repeat:no-repeat;
	background-size:15px;
	background-position:8px;
	color:#fff;
	background-color:#EC9393; 
}
.loadMoreBtn{text-align:center; padding:50px 0px;}

/*
	===============================
	@Page = property_detail agent
	===============================
*/

.propertyDetail:before{
	content:" "; display:block;
	width:100%; height:250px;
	background:#F3F9F7; position:absolute;
}
.propertyActions{padding:27px 50px; display:flex; justify-content:space-between;}
.propertyActions .actions a{
	padding:8px 10px;
	background:#FFFFFF;
	box-shadow:0px 0px 2px rgba(0, 0, 0, 0.24);
	border-radius:3px;
	font-size:13px; margin-right:10px;
}
.propertyActions .actions .lead{color:#70A495;}
.propertyActions .actions .lead:hover{background-color: #70A495; color:#fff;}

.propertyActions .actions .activity{color:#D9AD6A;}
.propertyActions .actions .activity:hover{background-color:#D9AD6A; color:#fff;}

.propertyActions .share{display:flex;}
.propertyActions .share .facebook, 
.propertyActions .share .call, 
.propertyActions .share .email{
	width: 29px; height: 29px;
	border-radius:100%;
	margin-right:16px; top:4px;
}
.propertyActions .share .facebook{	
	background-color:#3876D2;
	background-image:url('../../images/facebook.svg');
	background-repeat:no-repeat;
	background-size:20px;
	background-position:6px;
}
.propertyActions .share .call{
	background-color:#84CB9C;
	background-image:url('../../images/phone-call.svg');
	background-repeat:no-repeat;
	background-size:18px;
	background-position:6px;	
}
.propertyActions .share .email{
	background-color:#FDC876;
	background-image:url('../../images/mail.svg');
	background-repeat:no-repeat;
	background-size:16px;
	background-position:7px;	
}

.picker{display:inline-block;}
.picker span{
	padding:6px 40px 6px 35px;
	background:url('../../images/file-pdf.svg') no-repeat 20px #fff;
	background-position:6px;
	border:1px solid #E4EEEB;
	border-radius:5px;	
	font-size:14px; font-weight:500;
	line-height:21px;
	color:#8F9A96;	
}
.picker span:after{
	content:"";
	width:18px; height:18px;
	background:url('../../images/chevron-down.svg') no-repeat #fff;
	background-size:18px;
	background-position:-2px 7px;
	position:absolute;
	top:1px; right:1px;
	z-index:1;
}
.picker .option{
	position: absolute!important;
	top:30px; right:0px;
	margin-top:3px;
	z-index:101;
	width:150px;
	background:#ffffff;	
	border-radius:7px;
	padding:0px;
	text-align:left;	
	box-shadow: 0px 5px 24px 0px rgba(12, 12, 12, 0.19);	
	transition: all 0.3s ease-out;	
	transform:scale(1,0);
	transform-origin: top left;
	opacity:0;
	
}
.picker:hover .option{transform:scale(1,1); opacity:1;}
.picker .option a{display:block; padding:12px 15px 12px 35px!important; border-bottom:1px solid rgba(0,0,0,0.08); color:#000;}
.picker .option a:hover{background:rgba(0,0,0,0.04);}
.picker .option a:last-child{border-bottom:none;}
.picker .option a:before{
	font-family:"fontAwesome";
	position: absolute;
    top: 8px; left: 11px;
}
.picker .option a.fb:before{content:"\f09a"; color:#3a41c3; top:13px; left:12px;}
.picker .option a.vw:before{content:"\f06e"; color:#055fbe; top:13px; left:10px;}
.picker .option a.em:before{content:"\f0e0"; color:#f8b635; top:13px; left:10px;}
.picker .option a.wp:before{content:"\f075"; color:#30bb40; top:13px; left:10px;}

/*==========*/
.propertyHero{
	display:grid;
	grid-template-columns: 200px calc(100% - 200px);
	grid-column-gap:20px;
	margin:auto 4%;
}
.propertyHero {
	padding:20px;
	height:auto;
	background: #FFFFFF;
	box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.11);
	border-radius: 10px;	
	position: sticky;
}
.propertyHero .img .media.video {
	padding:5px 14px 5px 35px;
	background-image:url('../../images/video.svg');
	background-repeat:no-repeat;
	background-size:18px;
	background-color:rgba(0, 0, 0, 0.78);
	background-position: 6px 5px;
	border-radius:4px;
	color:#fff;
	position:absolute;
	bottom:20px; left:12px; z-index:1;
}
.propertyHero .img .media.image {
	padding:5px 14px 5px 35px;
	color:#fff;
	background-image:url('../../images/photo.svg');
	background-repeat:no-repeat;
	background-size:18px;
	background-color:rgba(0, 0, 0, 0.78);
	background-position: 8px;
	border-radius:4px;
	position:absolute;
	bottom:20px; right:12px;z-index: 1;
}

.propertyHero .info{padding-right:25px;}
.propertyHero .info h2{
	font-weight:600;
	font-size:16px;
	line-height:24px;
	letter-spacing:0.02em;
	color:#252A5E;
	margin-bottom:10px;
}
.propertyHero .info .status{font-size:12px; border-radius:3px; padding:2px 10px!important; border:none;}
.propertyHero .info .status.active{background-color:#AFF3E0; color:#479D85;}
.propertyHero .info .status.active{background-color:#AFF3E0; color:#479D85;}
.propertyHero .info .status.in_active, .propertyHero .info .status.inactive{background-color:#DEDEDE; color: #939393;}
.propertyHero .info .status.sold{background-color:#FBDADA; color:#9d5b5b;}

.propertyHero .primaryInfo{display:flex; align-items:center;}
.propertyHero .primaryInfo span{font-size:13px; color:#7A7C8C; border-right:2px solid #E9E9E9; padding:0px 15px; line-height:17px;}
.propertyHero .primaryInfo span:first-child{padding-left:0px;}
.propertyHero .primaryInfo span:last-child{padding-right:0px; border:none;}

.propertyHero .info .location{margin-top:25px;}
.propertyHero .info .location p{font-size: 13px; color:#252A5E;	padding-left:25px}
.propertyHero .info .location {
	background-image:url('../../images/map-pin.svg');
	background-repeat:no-repeat;
	background-size:15px;
	background-position:left;
}

/*==============*/
.propertyHero .secondaryInfo{margin:25px 0px 0px; display:flex; justify-content:space-between;}
.propertyHero .secondaryInfo i{top:4px;}
.propertyHero .secondaryInfo span{margin-right:40px; vertical-align: top;}
.propertyHero .secondaryInfo span strong{
	font-weight: normal;
	font-size: 13px;
	line-height: 21px;
	color: #4B4E69;
	padding-left: 4px;
}
.propertyHero .secondaryInfo label {
	font-size: 11px;
	line-height: 18px;
	color: #7A7C8C;
	display:block;
	padding-left:22px;
}

.propertyHero .otherImpInfo{font-size:13px; margin-top:13px; background:#f7f5db; padding:3px 10px; }

/*==============*/
.propertyHero .subAction{margin:0px!important;}
.propertyHero .subAction .edit {
	width: 30px; height: 30px;
	border-radius:100%;
	padding:10px;
	background: #FFFFFF;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.16);
	background-image:url('../../images/edit.svg');
	background-repeat:no-repeat;
	background-size:15px;
	background-position:8px;
	margin-right:15px;
}
.propertyHero .subAction .edit:hover {
	background-image:url('../../images/edit-white.svg');
	background-color:#7377A4;
}
.propertyHero .subAction .delete{
	width: 30px; height: 30px;
	border-radius:100%;
	padding:10px;
	background: #FFFFFF;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.16);
	background-image:url('../../images/trash-2.svg');
	background-repeat:no-repeat;
	background-size:15px;
	background-position:8px;
}
.propertyHero .subAction .delete:hover{
	background-image:url('../../images/trash-white.svg');
	background-color:#EC9393;
}

.propertyHero .subAction .deleteLoader{
	position:fixed;
	top:0px; left:0px; z-index:10000;
	background:rgba(255,255,255,0.9);
	width:100vw; height:100vh; text-align:center;
}
.propertyHero .subAction .deleteLoader h1{margin-top:45vh; margin-bottom:20px;}

/* ============== */
.moreDetail{display:grid; grid-template-columns: 20% 80%; margin:0px 4%;}

.moreDetail .tableOfIndex{margin-top:100px;}
.moreDetail .tableOfIndex ul li{border-left:2px solid #EEEEEE; padding:2px 0px;}
.moreDetail .tableOfIndex ul li a{
	font-size:14px; font-weight:400; color:#868686; margin-left:-2px; border-left:2px solid transparent;
	padding:10px 15px;
}
.moreDetail .tableOfIndex ul li a:hover{border-left:2px solid #252A5E;}
.moreDetail .tableOfIndex ul li a.active{color:#252A5E; font-weight:600; font-size:14px; border-left:2px solid #252A5E;}

.propertySection h3{font-size:22px; font-weight:500; color:#3CBB97; margin-bottom:10px; margin-top:45px;}

.propertySection .card.grid6{box-shadow:none; border:2px solid #F5F5F5; display:flex; padding:0px;}
.propertySection .card.grid6 label{border-right:1px solid #EBEBEB; padding:15px 20px; }
.propertySection .card.grid6 label:last-child{border:none;}
.propertySection .card strong{display:block; font-size:15px; font-weight:normal; color:#252A5E;}

.propertySection pre {
	font-family: Poppins;
	font-weight: normal;
	font-size: 14px;
	line-height: 25px;
	color: #000000;
	padding:0px; margin:0px 0px 25px;
}
.propertySection .card span{
	font-weight: normal;
	font-size: 13px;
	line-height: 19px;
	color: #868686;
}
.propertySection .tableListView {border:2px solid #F5F5F5;}
.propertySection .tableListView ul li{display:grid; grid-template-columns:50% 50%; }
.propertySection .tableListView ul:last-child{border:none;}
.propertySection .tableListView ul li .col {
	display:grid;
	grid-template-columns:50% 50%;
	border-right:1px solid #ECECEC;	
	border-bottom:1px solid #ECECEC;
}
.propertySection .tableListView ul li .col:last-child{border:none;}
.propertySection .tableListView ul li .col:nth-child(odd){}
.propertySection .tableListView ul li .col:nth-child(even){border-right:none;}
.propertySection .tableListView ul li .col label, .propertySection .tableListView ul li .col span{padding:10px;}
.propertySection .tableListView ul li .col label {font-size:13px; color: #868686; border-right:1px solid #ECECEC;}
.propertySection .tableListView ul li .col span {font-size:13px; color: #000000;}

.propertySection .nogrid li{display:block!important;}

.propertySection .amenitiesGrid ul {
	display:flex; flex-wrap:wrap;
	grid-template-columns:16.6% 16.6% 16.6% 16.6% 16.6% 16.6%;
	background:#FFFFFF;
	box-shadow:0px 0px 4px rgba(0, 0, 0, 0.13);
	border-radius:6px;
}
.propertySection .amenitiesGrid ul li {
	text-align:center; padding:25px 10px;
	width: calc(100% / 5);
	border-right: 1px solid rgba(0,0,0,0.05);
	border-bottom: 1px solid rgba(0,0,0,0.05);
}
.propertySection .amenitiesGrid ul li label{display:block; font-size:13px; text-align:center; color: #252A5E;}
.propertySection .amenitiesGrid ul li label span{display:block;}
.propertySection .amenitiesGrid ul li label span i{display:inline-block;}

/* ======== Aminities Icons */
span.aminIco i{
	background-image:url("../../images/aminites_icon.png");
	background-repeat:no-repeat;
	background-size:500px 395px;
	width:35px; height:35px;
}
i.lift, i.lifts				{background-position:-17px -317px;}
i.park						{background-position:-19px -257px;}
i.maintenancestaff			{background-position:-96px -311px;}
i.visitorstaff, i.visitorparking{background-position:-174px -258px;}
i.waterstorage				{background-position:-96px -11px;}
i.fengshuivastucomplaint, 
i.fengshuivaastucompliant   {background-position:-176px -210px;}
i.intercomfacility			{background-position:-175px -61px;}
i.securityfirealarm			{background-position:-176px -107px;}
i.wastedisposal				{background-position:-174px -11px;}
i.privategardenterrace		{background-position:-176px -161px;}
i.rainwaterharvesting		{background-position:-95px -209px;}
i.piped-gas					{background-position:-95px -58px;}
i.waterpurifier				{background-position:-96px -257px;}
i.swimmingpool				{background-position:-18px -209px;}
i.securitypersonnel			{background-position:-96px -115px;}
i.fitnesscentregym			{background-position:-18px -164px;}
i.highspeedinternet  		{background-position:-253px -62px;}
i.banquethall				{background-position:-254px -162px;}
i.atm						{background-position:-253px -12px;}
i.clubhousecommunitycenter	{background-position:-19px -11px;}
i.barlounge					{background-position:-332px -11px;}
i.centrallyairconditioned	{background-position:-253px -211px;}
i.childrenplayarea			{background-position:-328px -107px;}


.pageTitle.noNotification {padding-right:26px!important;}
.propertySection .location {
	display:grid;
	grid-template-columns: 350px calc(100% - 350px);
	grid-column-gap:35px;
	background: #FFFFFF;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.13);
	border-radius: 6px;
	padding:18px;
}
.propertySection .location h5 {
	font-weight:500;
	font-size:15px;
	color:#64DDBB;
}

/* ========= */
.newProjectInfo{margin:30px 4% 0px 4%; padding:0px;}
.newProjectInfo h4{padding:15px 15px 15px;
	font-size: 22px;
	font-weight: 500;
	color: #3CBB97;
}
.floorListing li{
	display:grid; grid-template-columns:14% 24% 23% 15% 24%;
	border-bottom:3px solid #f9f9f9; padding:0px 15px;
}
.floorListing li:last-child{border-bottom:none; padding-bottom:0px;}

.floorListing li.title{font-size:13px; font-weight:600; text-transform:uppercase; border-bottom:1px solid #dedede!important;}
.floorListing li.title .floorCol{color:#000!important; padding:10px 0px!important;}

.floorListing li .floorCol{padding:25px 0px; font-size:13px; color:#696969;}
.floorListing li .floorCol img{vertical-align:top; width:100px; height:100px; object-fit:cover;}
.floorListing li .floorCol dt{display:block; padding-bottom:8px;}
.floorListing li .floorCol strong{color:#000000; font-size:13px; font-weight:normal;}

.florPlanImage{background:rgba(0,0,0,0.8);}
.florPlanImage .image{width:80%; margin:5% auto 0px auto; text-align:center;}
.florPlanImage .image span{background:#ffffff; padding:10px; position:relative; display:inline-block;}
.florPlanImage .image span img{max-width:100%; vertical-align:top;}
.florPlanImage .image a{
	background:rgba(0,0,0,0.8);
	position:absolute;
	top:0px; right:5px;
	padding:10px 10px;
	color:#ffffff;
	transform:scale(1,0.8);
	border-radius:5px;
}