/*~~~ Suggested-properties Page Css Start ~~~~*/

.onOff:checked ~ .allTbArea{display:none}
#spMyCollaborator .viewTop{padding-right:0;}
#spMyCollaborator .propertyView{padding:0 0 30px;}
#sortBYAct3{
	z-index:99;
	margin-left:20px;
}

.vieHed{
	left:0;
	top:4px;
	display:block;
	font-size:24px;
	position:absolute;
	font-weight:600;
	line-height:1.2;
	color:#000;
}

#suTabs{
	padding:0;
	display:flex;
	background:#fff;
	border-bottom:1px solid #D9D9D9;
	list-style-type:none;
	margin:30px 0 0 0;
	margin-left:-30px;
	margin-right:-30px;
}

#suTabs li{
	cursor:pointer;
	position:relative;
}

#suTabs li::before{
	top:50%;
	width:1px;
	height:14px;
	background:#D9D9D9;
	transform:translateY(-50%);
	position:absolute;
	content:"";
	right:0;
}

#suTabs li:last-child::before{width:0;}

#suTabs li.active::after{
	left:0;
	width:100%;
	bottom:-2px;
	position:absolute;
	background:#172E55;
	content:"";
	height:4px;
}

#suTabs li a{
	height:100%;
	display:block;
	font-size:16px;
	padding:20px 50px;
	text-align:center;
	color:#999999;
	line-height:1;
}

#suTabs li.active a{
	font-weight:700;
	color:#172E55;
}

#suTabs li .Ac2noti{
	top:-15px;
	width:14px;
	right:10px;
	position:relative;
	display:inline-block;
	background:#117f39;
	border-radius:50%;
	line-height:13px;
	font-weight:600;
	font-size:10px;
	height:14px;
	color:#fff;
}

#tab-contents{
	background-color:#fff;
	margin-top:20px;
}

#tab-contents .tab-contents{
	padding:10px 0 0;
	display:none;
}

#tab-contents .tab-contents.active{display:block;}

.btnLeVie{
	margin:0;
	display:flex;
	align-items:center;
	list-style:none;
	padding:0;
}

.btnLeVie li{
	margin-right:12px;
	text-align:center;
}

.btnLeVie li a{
	height:40px;
	display:flex;
	color:#172E55;
	font-size:14px;
	border:1px solid #BFBFBF;
	align-items:center;
	border-radius:5px;
	padding:2px 20px;
	line-height:1
}

.btnLeVie li a:hover{
	color:#fff;
	border:1px solid #117f39;
	background:#117f39;
}

/*-----------------*/
.featuredTxtAdd{position:relative;}

.featuredTxtAdd .priadd svg{
	width:30px;
	height:18px;
}

.featuredTxtAdd .priadd{
	margin:0;
	padding:0;
	list-style:none;
}

.featuredTxtAdd .priadd li{
	margin:0;
	width:100%;
	text-align:center;
	justify-content:center;
	border-top:1px solid #D9D9D9;
	list-style:none;
	padding:8px 0;
	font-size:14px;
}

.featuredTxtAdd .priadd li.askTOchange{
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	display:flex;
	gap:5px;
}
.askTOchange span,
.askTOchange button{
	padding:3px 10px;
	border-radius:5px;
	background-color:#DCCAAF;
	line-height:1.357;/*19px*/
	font-size:14px;
	color:#000;
}
.askTOchange button{
	cursor:pointer;
	border:1px solid #e0e0e0;
	background:linear-gradient(180deg,#fff,#e0e0e0);
	color:#172E55;
}
.askTOchange button:hover{
	background:linear-gradient(180deg,#e0e0e0,#fff);
	color:#172E55;
}

.featuredTxtAdd .priadd li.priReccen{
	display:flex;
	align-items:center;
	line-height:1;
	padding:12px;
}

.featuredTxtAdd .priaddSub{
	display:flex;
	padding:10px 0 0;
	position:absolute;
	justify-content:space-between;
	background:rgba(23, 46, 85, .9);
	transition:all .3s ease;
	align-items:flex-start;
	visibility:hidden;
	list-style:none;
	flex-wrap:wrap;
	opacity:0;
	top:0;
}

.featuredTxtAdd .priaddSub li{
	width:48%;
	color:#fff;
	text-align:left;
	padding:6px 12px;
	font-size:10px;
	border:0;
}

.featuredTxtAdd .priaddSub li.edtSavHead{
	width:100%;
	display:flex;
	align-items:center;
	text-align:center;
	border-top:1px solid #D9D9D9;
	margin-top:17px;
	font-size:14px;
	padding:8px 0;
}

.featuredTxtAdd .priadd li:hover .priaddSub{
	opacity:1;
	visibility:visible;
	z-index:999
}

.priceBoxs{
	bottom:0;
	width:100%;
	display:flex;
	align-items:center;
	padding:10px 10px 15px;
	justify-content:space-between;
	position:absolute;
	flex-wrap:wrap;
	z-index:9;
}

.priceBoxIcons{
	margin:0;
	display:flex;
	align-items:center;
	list-style:none;
	padding:0;
}

.fImPrice{
	font-weight:700;
	color:#fff;
	font-size:24px;
}

.properties .priceBoxIcons li svg{
	min-width:14px;
	margin:0;
}

.priceBoxIcons li{
	color:#fff;
	margin-left:10px;
}

.priceBoxIcons li .prIarrowDwn{width:14px;}

.priceBoxIcons li .prIarrowCls{width:22px;}

.priceBoxIcons li .prIarrowCam{width:36px;}

.priceBoxIcons li .prihrdIcon{width:24px;}
.moreCont,
.moreContActv .vLMore,
.vLess{display:none}

.moreContActv .moreCont,
.moreContActv .vLess{display:block}

@media only screen and (max-width:1919px){
	.vieHed{
		top:4px;
		position:relative;
		margin-bottom:15px;
	}
}

@media only screen and (max-width:1666px){
	.featSugg .hdrBtmAreaEnd{padding:10px 10px 0 10px;}

	#tab-contents .tab-contents{padding:10px 0;}

	.tab-contents .propertyView{justify-content:flex-end;}

	#suTabs li a{padding:20px 30px;}

	.fImPrice{font-size:18px;}

	.priceBoxIcons li{
		margin-left:4px;
		font-size:14px;
	}

	.properties .priceBoxIcons li svg{min-width:5px;}

	.priceBoxIcons li .prIarrowDwn{width:10px;}

	.priceBoxIcons li .prIarrowCls{width:16px;}

	.priceBoxIcons li .prIarrowCam{width:26px;}

	.priceBoxIcons li .prihrdIcon{width:16px;}
}

@media screen and (max-width:1279px){
	.priceBoxIcons li{margin-left:10px;}
}

@media only screen and (max-width:1199px){
	.vieHed{font-size:18px}
	#suTabs li a{
		padding:20px 12px;
		font-size:14px;
	}

	.tab-contents .viewTop{flex-wrap:wrap;}

	.btnLeVie{
		width:100%;
		justify-content:flex-end;
		margin-bottom:10px
	}

	.btnLeVie li{margin-right:20px;}

	.btnLeVie li:last-child{margin-right:0;}
}

@media only screen and (max-width:767px){
	#suTabs{
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		margin:0;
	}
	#suTabs li{width:100%;}

	#suTabs li::before{display:none}

	#suTabs li.active::after{
		bottom:0;
		height:2px;
	}

	.vieHed{font-size:15px;}

	.btnLeVie{
		width:100%;
		margin-bottom:10px;
	}

	.btnLeVie li{margin-right:10px;}

	.btnLeVie li a{
		height:32px;
		font-size:12px;
		padding:2px 15px;
	}

	.tab-contents .viewNav{justify-content:flex-end;}
}

@media only screen and (max-width:639px){
	#sortBYAct3{margin-left:0;}
}

/*~~~ Suggested-properties Page Css End ~~~~*/







/*==== PopUp Section Css ====*/
#spMyCollaborator .viewBox1,
#spMyCollaborator .viewBoxDtls{display:none;}

#spMyCollaborator.mapView .viewBox1{display:block;}

#spMyCollaborator.listView .viewBoxDtls{display:flex;}

.viewBoxDtls{display:none;}

.viewBoxDtls .featureLeft{width:100%;}

.featureLeft .row{
	width:calc(100% + 30px);
	margin:0 -15px;
	flex-wrap:wrap;
	display:flex;
}

.viewBoxDtls .featureLeft .row .featuredItem{width:25%;}

.featureRight{
	width:calc(75% - 20px);
	display:none;
}

.spMyCoolAcctive .viewBoxDtls{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.spMyCoolAcctive .viewBoxDtls .featureLeft{width:25%;}

.spMyCoolAcctive .featureRight{
	display:block;
	width:calc(75% - 40px);
	position:relative;
	z-index:9;
}

.spMyCoolAcctive .viewBoxDtls .featureLeft .row .featuredItem{width:100%;}
.ftrdSrcTital{
	font-size:18px;
	line-height:1.1;
	padding-bottom:10px;
	align-items:center;
	display:flex;
	gap:10px;
    color: #000;
}
.featureLeft .featuredBox {min-height:inherit}

.spMyCoolAcctive .viewBoxDtls .featuredItem.active{order:-1;}

.viewBoxDtls .picCount svg{margin-right:4px;}

.viewBoxDtls .priReccen svg{margin-right:5px;}

.PopBox{width:100%;}

.popFeaHeds{
	padding:10px 18px;
	position:relative;
	-webkit-box-shadow:0px 5px 28px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:0px 5px 28px 0px rgba(0, 0, 0, 0.15);
	box-shadow:0px 5px 28px 0px rgba(0, 0, 0, 0.15);
	border-radius:5px;
	z-index:2;
}

.popFeaHeds::after{
	width:0;
	height:0;
	position:absolute;
	border-right:18px solid #fff;
	border-top:18px solid transparent;
	border-bottom:18px solid transparent;
	transform:translateY(-50%);
	content:"";
	left:-18px;
	top:50%;
}

.popFeaTop{
	padding:0;
	margin:0 0 10px;
	align-items:center;
	justify-content:space-between;
	border-bottom:1px solid #D6D6D6;
	padding-bottom:5px;
	list-style:none;
	display:flex;
}

.popPrice{
	font-size:47px;
	color:#1A2234;
	font-weight:400;
}

.popFeaTop li .mslItm{
	display:flex;
	line-height:1;
	align-items:center;
	font-size:14px;
	color:#1A2234;
	margin:4px 0;
}

.popFeaTop li .mslItm span svg{margin-right:2px;}

.goToListing{
	padding:8px 20px;
	border-radius:5px;
	border:1px solid #BFBFBF;
    display: inline-block;
	color:#172E55;
	font-size:14px;
}

.goToListing:hover{
	background:#117F39;
	border:1px solid #117F39;
	color:#fff;
}

.popFeaTopItm{
	margin:0;
	display:flex;
	align-items:center;
	justify-content:space-around;
	text-align:center;
	list-style:none;
	padding:0;
}

.popFeaTopItm li{color:#1A2234;}

.popFeaTopItm li span{
	display:block;
	text-align:center;
}

.popFeaTopItm li span svg{
	width:30px;
	height:auto;
}

.imgBoxG{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:20px 0;
}

.imgBoxsm{width:calc(12.5% - 15px);}

.imgBoxsm img{
	width:100%;
	border-radius:6px
}

/*Toogle Boxs Css*/

.DtlsClose{
	width:16px;
	height:16px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	position:absolute;
	cursor:pointer;
	background:#EF4123;
	top:-5px;
	right:-5px;
	z-index:9;
}

.featureRight .DtlsClose svg{margin:0;}

.toggleFlex{
	display:flex;
	justify-content:space-between;
}

.toggleBoxs{
	width:calc(50% - 10px);
	height:100%;
}

.toggleBoxHed{
	display:flex;
	align-items:center;
	font-family:'Open Sans';
	justify-content:space-between;
	border-radius:5px 5px 0 0;
	background:#DCCAAF;
	position:relative;
	padding:8px 20px;
	font-weight:700;
	line-height:1.5;/*24px*/
	font-size:16px;
	color:#172E55;
}

.toggleeBox .onOff,
.togglChat .onOff{
	right:20px;
	z-index:1;
	top:10px;
}

.togglChat{position:relative;}

.onOff:checked ~ .onOffShow,
.onOff:checked ~ .chatBoxArea{display:none;}

.toggleItems{
	margin:0;
	flex-wrap:wrap;
	padding:8px 15px 8px;
	justify-content:space-between;
	list-style:none;
	display:flex;
}

.toggleeBox{
	position:relative;
	border-radius:5px;
	-webkit-box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.2);
	box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.2);
	margin-bottom:20px;
	overflow:hidden;
}

.toggleItems li{
	display:flex;
	line-height:1;
	align-items:center;
	width:calc(50% - 30px);
	margin:12px 0;
}

.iconnBox{
	width:90px;
	text-align:center;
	margin-right:8px;
}

.iconBoxText{
	width:100%;
}

.iconBoxText strong{
	color:#1A2234;
	font-size:14px;
	margin-bottom:4px;
	font-weight:700;
	display:block;
}

.iconBoxText a,
.iconBoxText span{
	font-size:14px;
	display:block;
	color:#1A2234;
	font-weight:400;
}

.iconBoxText a{text-decoration:underline;}

.showmoreBtn{
	width:130px;
	height:34px;
	color:#A7A9AC;
	cursor:pointer;
	line-height:1;
	font-size:13.33px;
	border-radius:5px;
	box-sizing:border-box;
	border:1px solid #A7A9AC;
	background-color:transparent;
	justify-content:center;
	margin:0 auto 30px;
	align-items:center;
	display:flex;
}

.showmoreBtn:hover{
	background-color:#2aa9e0;
	border-color:#2aa9e0;
	color:#fff;
}

.overviewToggle .toggleItems li{
	width:100%;
	align-items:flex-start;
}

.overviewToggle .toggleItems li .iconBoxText{margin-left:30px;}

.overviewToggle .toggleItems li .iconBoxText p{
	line-height:1.3;
	color:#1A2234;
	font-size:14px;
	font-weight:400;
	margin:-4px 0 0;
}

.addressLock .onOff::after{
	background-image:url(/images/lock.svg);
	background-position:top 2px left 3.8px;
	background-repeat:no-repeat;
	background-size:9px;
}

.addressLock .toggleItems li{
	width:calc(50% - 3px);
	align-items:flex-start;
}

.addressLock .toggleItems li span{line-height:1.3;}

.addressLock .iconnBox{
	width:60px;
	margin-right:15px;
}

/*Chat Box Css*/
.chatBoxitems{
	border-radius:5px;
	-webkit-box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.2);
	box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.2);
	margin-bottom:30px;
}
.chatBoxs{
	padding:10px;
}
.chatbox,
.chatSub,
.chatBoxMain{
	display:flex;
	align-items:flex-start;
}

.chatBoxs{
	border-bottom:1px solid #D6D6D6;
	margin:0 20px;
	padding:30px 0;
}

.chatBoxs:last-child{border-bottom:none;}
.chatboxSub{
	border-top:1px solid #D6D6D6;
	padding:15px 0 0;
}

.chatbox{padding-bottom:15px;}

.chatphoto{
	width:50px;
	height:50px;
	overflow:hidden;
	border-radius:50%;
	margin-right:15px;
}

.chatphoto img{
	width:100%;
	display:block;
}

.chatText,
.chatInput{width:87%;}

.chatHed{
	display:block;
	font-size:12px;
	color:#000000;
	font-weight:700;
}

.chatTime{
	color:#8C8C8C;
	display:block;
	font-size:10px;
}

.chatText p{
	font-size:12px;
	color:#000;
	margin:4px 0;
}

.chatReply{
	display:flex;
	justify-content:flex-end;
	align-items:center;
}

.chatReply img{
	width:18px;
	height:18px;
	border-radius:50%;
	margin-right:8px;
}

.chatReply span{
	font-size:12px;
	color:#000;
}

.chatboxSub{margin-left:65px;}

.chatboxSub .chatphoto{
	width:32px;
	margin-right:10px;
	height:32px;
}

.chatInput input{
	width:100%;
	border-radius:4px;
	border:1px solid #D6D6D6;
	padding:2px 60px 2px 14px;
	font-family:'Open Sans';
	font-size:12px;
	height:36px;
}

.chatBoxMain .chatInput input{height:48px;}

.chatInput{position:relative;}

.chatSend,
.chatAttach{
	top:9px;
	right:35px;
	cursor:pointer;
	background:transparent;
	position:absolute;
	border:none;
	padding:0;
	margin:0;
}

.chatAttach{
	right:10px;
	top:12px;
}

.chatBoxMain .chatInput .chatSend{top:16px;}

.chatBoxMain .chatInput .chatAttach{top:18px;}

.chatInput ::placeholder{
	color:#9E9E9E;
	opacity:1;
}

.chatInput::-ms-input-placeholder{color:#9E9E9E;}

/*Toogle Boxs Css*/
@media only screen and (max-width:1919px){
	.popPrice{font-size:24px;}

	.spMyCoolAcctive .featureRight{width:calc(75% - 20px);}

	.toggleItems li{
		width:calc(50% - 5px);
		align-items:flex-start;
	}
	.iconnBox{width:50px;}

	.popFeaTopItm li span svg{width:24px;}

	.iconnBox svg{width:100%;}

	.goToListing{padding:6px 10px;}

	.overviewToggle .toggleItems li .iconBoxText{margin-left:10px;}

	.overviewToggle .toggleItems li .iconnBox svg{height:auto;}
	.chatBoxs{
		margin:0 15px;
		padding:20px 0;
	}
    .ftrdSrcTital {font-size: 15px;}
}
/*Toogle Boxs Css*/
@media only screen and (max-width:1466px){
.featuredTxtAdd .priadd li.priReccen {padding: 12px  4px;}
}

@media only screen and (max-width:1365px){
	.viewBoxDtls .featureLeft .row .featuredItem{width:50%;}
	.spMyCoolAcctive .viewBoxDtls .featureLeft{width:40%;}
	.spMyCoolAcctive .featureRight{width:calc(60% - 20px);}
	.toggleBoxs{
		width:calc(100% - 0px);
		height:100%;
	}
	.toggleFlex{flex-wrap:wrap;}
    .popFeaTop{flex-wrap:wrap;}
    .popFeaTop li{margin:7px 0;}
	.imgBoxsm{width:calc(12.5% - 2px);}
    .ftrdSrcTital {font-size: 18px;}
}

@media only screen and (max-width:1199px){
	.popFeaTopItm li{font-size:12px;}
	.popFeaTopItm li span svg{width:16px;}
}
@media only screen and (max-width:1023px){
	.ftrdSrcTital {font-size: 14px;}
}

@media only screen and (max-width:767px){
	.viewBoxDtls{
		position:relative;
		z-index:9;
	}

	.viewBoxDtls .featureLeft .row .featuredItem,
	.spMyCoolAcctive .viewBoxDtls .featureLeft{
		width:100%;
		background:#fff;
	}
     .featureRight {display: block;
    width: 100%;
    position: relative;}
	.spMyCoolAcctive .featureRight{width:100%;}
    #spMyCollaborator.listView .viewBoxDtls {
        display: flex;
        flex-wrap: wrap;
    }
	.popFeaHeds::after{display:none;}
    .popFeaTop li {width: 100%; margin: 0;}
	.imgBoxsm{width:calc(25% - 4px);}
	.DtlsClose{
		top:0;
		right:0;
	}
.toggleBoxHed{font-size:14px;}
.ftrdSrcTital {font-size: 18px;}
}

@media only screen and (max-width:374px){
    .ftrdSrcTital {font-size: 4.2vw;}
}