.featured-sec {
	.ab-properties{
		position: relative;
		box-shadow: 0 0 10px rgba(1,1,1,0.11);
		.featur-hd {
			margin-top: 0;
			margin-bottom: 4px;
			transition: all 0.4s ease-in-out;
			&:hover {
				color: #b39148;
			}
		}
		.img-sec{
			position:relative;
			&:before,
			&:after {
				content: '';
			    position: absolute;
			    top: 0;
			    left: 0;
			    width: 50%;
			    height: 100%;
			    background: rgba(0, 82, 162, 0.95);
			    opacity: 0;
			    visibility: hidden;
			    transition: all 0.4s ease-in-out;
			}
			&:after {
				right: 0;
		    	left: auto;
			}
			img{
				width:100%;
			}
			.img-info {
				width:100%;
				padding-top:15px;
				padding-bottom:5px;
				padding: 17px 21px 12px;
				position:absolute;
				bottom:0;
				left:0;
				background-color:rgba(0,0,0,0.32);
				.ab-rn{
					float:left;
					color:#ffffff;
					font-size:12px;
					font-family:$font_family2;
					font-weight:900;
					letter-spacing: 2px;
					padding-left:21px;
					position:relative;
					text-transform: uppercase;
					&:before{
						content:'';
						position:absolute;
						bottom:1px;
						left:0;
						background-color:#fff;
						width:14px;
						height:14px;
						border-radius: 100%;
					}
					&:after{
						content:'';
						position:absolute;
						bottom:3px;
						left:2px;
						background-color:#fc384a;
						width:10px;
						height:10px;
						border-radius: 100%;
					}
					&.clr2 {
						&:after {
							background-color: #9438fc;
						}
					}
				}
				a {
					float:right;
					i {
						color: #fff;
						font-size: 20px;
						position: relative;
						top: -2px;
					}
				}
			}
		}
		.info-sec{
			padding: 0 20px;
			.inf-pr{
				border-bottom: 1px solid#e7e7e7;
				padding: 16px 0 0 0;
			}
			.hd-pr{
				padding: 14px 0 16px;
				a{
					display:inline-block;
					float:right;
					text-align:right;
					margin-top:3px;
					font-size: 18px;
				}
			}
		}
		&:hover {
			.overlay {
				opacity: 1;
			}
			.img-sec {
				&:before,
				&:after {
					opacity: 1;
					visibility: visible;
					width: 0;
				}
				&:after {
					left: auto;
					right: 0;
				}
			}	
		}
	}
	span{
		text-align:center;

		a{
		display:inline-block;
		color:#b39148;
		font-size:15px;
		font-family:$font_family;
		font-weight:400;
		border:1px solid#b39148;
		padding:15px 25px 15px 15px;
		margin-top:45px;

	}
	}
}
.overlay {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 82, 162, 0.70);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}
.btm-hd{
	color:#a3a3a3;
	font-size:13px;
	font-family:$font_family;
	font-weight:300;
	margin-bottom:11px;
}
.thr-pr{
	padding-bottom: 18px;
	li{
		display:inline-block;
		color:#161616;
		font-size:12px;
		font-family:$font_family;
		font-weight:400;
		padding-right: 10px;
		position: relative;
		&:before {
			content: '';
			position: absolute;
			top: 7px;
			right: 1px;
			background-color: #454545;
			width: 2px;
			height: 2px;
		}
		&:last-child {
			padding-right: 0;
			&:before {
				display: none;
			}
		}
	}
}
.lf-hd{
	color:#b39148;
	font-size:22px;
	font-family:$font_family;
	font-weight:500;
	float:left;
}
.pop-slider{
	text-align:center;
	.slide-item {
		position:relative;
		margin: 0 100px;
		&.slick-current.slick-active {
			&:before {
				opacity: 1;
				visibility: visible;
				background-color: rgba(0,0,0,0.35);
			}
		}
		&:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(255,255,255,0.50);
			transition: all 0.4s ease-in-out;
		}
		img{
			width:auto;
			margin-bottom: -4px;
		}
		.town-house{
			position:absolute;
			bottom:26px;
			left:50%;
			transform:translateX(-50%);
			h2{
				color:#ffffff;
				font-size:26px;
				font-family:$font_family;
				font-weight:$font_weight;
				margin-bottom:10px;
			}
			h3{
				color:#ffffff;
				font-size:16px;
				font-weight:300;
			}
		}
	}
}

.familiar-setting{
	background-color: #f7f7f7;
	.ab-location{
		text-align: center;
		margin-top:50px;
		margin-bottom: -14px;
		img{
			width:auto;
			margin-bottom: 40px;
		}
		h2{
			color:#161616;
			font-size:18px;
			font-family:$font_family;
			font-weight:$font_weight;
			margin-bottom: 24px;
		}
		
	}
}
.phras{
	color:#777a7c;
	font-size:15px;
	font-family:$font_family2;
	font-weight:400;
}
.abt-house{
	background-color:#000;
	.find-hs{
		display: flex;
		justify-content: center;
		.lf-hs{
			float:left;
			color:#ffffff;
			font-size:42px;
			font-family:$font_family;
			font-weight:$font_weight;
			margin-top: -3px;
		}
		a{
			float:left;
			display:inline-block;
			color:#ffffff;
			font-size:15px;
			font-family:$font_family;
			font-weight:600;
			border:2px solid #ffffff;
			padding:15px 35px;
			margin-left:71px;
			border-radius: 4px;
			transition: all 0.4s ease-in-out;
			&:hover {
				background-color: #b39148;
				color: #fff;
				border-color: transparent;
			}
		}
	}
}
.side-slider {
	.slick-list {padding: 0 !important;}
	.slick-dots {
		bottom: -34px;
	}	
}
.ab-travel {
	position: relative;
	.rcp-img {
		position: relative;
		.category-name {
			left: 15px;
			top: 21px;
		}
		> img {
			width: 100%;
		}
		&:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.50);
		}
	}
	.rcp-info {
		position: absolute;
		bottom: 25px;
		left: 0;
		padding-left: 15px;
		width: 100%;
		z-index: 9;
		> span {
			display: block;
			color: #ffffff;
			font-size: 14px;
			opacity: 0.7;
			margin-bottom: 10px;
			font-family: $font-family2;
		}	
		> h3 {
			color: #ffffff;
			font-size: 18px;
			text-transform: capitalize;
			font-weight: 700;
		}
	}
}

.travel-prt{
	position:absolute;
	top:21px;
	left:21px;
	color:#ffffff;
	font-size:11px;
	font-family:$font_family2;
	font-weight:400;
	background-color:#b39148;
	padding:5px 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.testimonial-sec{
	background-color: #f7f7f7;
	.testi-slider-carousel {
		padding-bottom: 20px;
	}
	.tsti-slider{
		text-align: center;
		img{
			width:auto;
			border:1px solid #fff;
			border-radius: 100px;
			margin-bottom: 24px;
		}
		h2{
			color:#161616;
			font-size: 18px;
			font-family:$font_family;
			font-weight:$font_weight;
			margin-bottom:7px;
		}
		h3{
			color:#a3a3a3;
			font-size:13px;
			font-family:$font_family;
			font-weight:300;
		}
		p{
			color:#7d7d7d;
			font-size: 18px;
			line-height: 34px;
			margin-top:27px;
			font-style: italic;
		}
	}
}


.slick-dots li button {
	width: 8px;
	height: 8px;
	background-color: #adadad;
	border-radius: 100px;
	transition: all 0.4s ease-in-out;
}
.slick-dots li.slick-active button {
	border:1px solid #0979e5;
	background-color: transparent;
}


.slick-slide {
	outline: none;
}


.our-agents{
	.abt-agnts{
		box-shadow: 0 0 10px rgba(1,1,1,0.11);
		.img-sec{
			position:relative;
			img{
				width:100%;
			}
			h4{
				color:#ffffff;
				font-size:14px;
				font-family:$font_family;
				font-weight:400;
				position:absolute;
				bottom:0;
				left:0;
				background-color:rgba(0,0,0,0.32);
				width:100%;
				text-align:center;
				padding-top:14px;
				padding-bottom:10px;
			}
		}
		.info-sec{
			text-align:center;
			padding-top:21px;
			padding-bottom: 23px;
			h2{
				color:#161616;
				font-size:18px;
				font-family:$font_family;
				font-weight:$font_weight;
				margin-bottom:3px;
				a {
					transition: all 0.4s ease-in-out;
					&:hover {
						color: #b39148;
					}
				}
			}
			span {
				display: inline-block;
				color:#a3a3a3;
				font-size: 13px;
				font-family: $font_family;
				font-weight:300;
				margin-bottom:12px;
			}
			h5 {
				color:#b39148;
				font-size: 14px;
				font-family: $font_family;
				font-weight:400;
			}
		}
	}
}
.top-sec{
	.left-sec{
		float:left;
		form{
			float:left;
			select{
				border:none;
				color:#80868c;
				font-size:15px;
				font-family:$font_family;
				font-weight:300;
			}
		}
		.nav.nav-tabs{
			border-bottom:none;
			.nav-link{
				color:#b39148;
				padding:0;
			}
			 .nav-link.active{
			 	color:#161616;
			 	border:none;

			 }
		}
	}
	.ryt-sec{
		float:right;
	}
}
.sid-br-hd{
	color: #161616;
	font-size:16px;
	font-family:$font_family;
	font-weight:$font_weight;
	margin-bottom:10px;
}
.side-part{
	&.mg{
		padding-top:26px;
	}
	
}
form{
	.form-field {
		position: relative;
		margin-bottom: 10px;
		&.no-bfr {
			&:before {
				display: none;
			}
		}
		&:before {
			content: '\f0d7';
			position: absolute;
			top: 16px;
			right: 20px;
			color: #80868c;
			font-size: 15px;
			font-family: fontawesome;
		}
		input, 
		textarea {
			width:100%;
			color:#80868c;
			font-size:15px;
			font-family:$font_family;
			font-weight:300;
			border:1px solid #eaeaea;
			border-radius: 3px;
		}
		input {
			height: 46px;
			padding: 0 10px;
		}
		select{
			width:100%;
			height:46px;
			color:#80868c;
			font-size:15px;
			font-family:$font_family;
			padding-left:10px;
			font-weight: 300;
			border:1px solid #eaeaea;
			border-radius: 3px;
		}
		textarea {
			height: 155px;
			padding: 15px;
		}
	}
	.form-submit {
		button{
			color:#ffffff;
			font-family:$font_family;
			font-weight:400;
			background-color:#b39148;
			padding: 0 46px;
			height:46px;
			border:none;
			border-radius: 3px;
			margin-top:10px;
			width: 100%;
			i {
				margin-right: 7px;
			}
		}	
	}
}
.property-types{
	padding-top:30px;
	
}
.sidebar{
	.side-part{
		.widget-title {
			margin-bottom:36px;
		}
	}
}
.types{
	li{
		display:block;
		position: relative;
		padding-left: 20px;
		margin-bottom: 24px;
		&:last-child {
			margin-bottom: 0;
		}
		&:before {
			content: '\f0da';
			font-family: fontawesome;
			position: absolute;
			top: 2px;
			left: 0;
			color: #80868c;
			font-size: 15px;
		}
		a {
			display: block;
			color:#777a7c;
			font-size:15px;
			font-family:'lato';
			font-weight:400;
			transition: all 0.4s ease-in-out;
			&:hover {
				color: #b39148;
				padding-left: 10px;
			}
		}
	}

}

.main-prt{
	padding-top:56px;
	padding-bottom: 110px;
	.listing-sec {
		margin-top: 56px;
	}
	.standert-properties{
		.single-prop{
			.lef-prop{
				float:left;
				.main{
					margin-bottom:11px;
				}
				.btm-hd{
					margin-bottom:10px;
				}
			}
			.ryt-prop{
				float:right;
				margin-top: 6px;
				.lf-hd{
					float:none;
					text-align:right;
				}
				.thr-pr{
					margin-top:19px;
				}
			}
			.phras{
				margin-top:18px;
				&.pr{
					margin-top:25px;
				}
			}
		}
		.abt-features{
		padding-top:38px;
			.featur-hd{
			margin-bottom:21px;			
			}
			.list-tp{
				.types{
					li{
						display:block;
						color:#777a7c;
						font-size:15px;
						font-family:$font_family2;
						margin-bottom:18px;
						&:before{
							display:none;
						}
						i{
							color:#b39148;
							margin-right:8px;
						}
					}
				}
			}

	
		}
		.virtual-tour{
			padding-top:25px;
			.featur-hd{
				margin-bottom:25px;
			}
			img{
				width:100%;
			}
			.vid-sec{
				position:relative;
				a {
					display: inline-block;
					position:absolute;
					top:50%;
					left:50%;
					transform:translateX(-50%) translateY(-50%);
					width: 65px;
					height: 55px;
					border:2px solid #fff;
					line-height: 55px;
					background-color:#b39148;
					color: #fff;
					border-radius: 5px;
					text-align: center;
					font-size: 24px;
				}
			}
		}
		.abt-information{
			padding-top:46px;
			.featur-hd{
				margin-bottom:25px;
			}
			ul{
				border:1px solid#eaeaea;
				li{
					display: block;
					font-family:$font_family2;
					padding:13px 0px 15px 19px;
					border-bottom:1px solid#eaeaea;
					strong {
						width: 160px;
						display: inline-block;
						color: #161616;
						font-size: 15px;
					}
					span{
						color:#777a7c;
						font-size: 15px;
					}
					&:last-child{
						border-bottom:none;
					}
				}
			}
		}
		.floor-plan{
			padding-top:46px;
			.featur-hd{
				margin-bottom:18px;
			}
			img{
				width:auto;
				margin-left:60px;
			}
			.flr-st{
				background-color:#f7f7f7;
				padding:26px 35px 29px 35px;
				margin-top:32px;
				li{
					display:inline-block;
					color:#777a7c;
					font-size:13px;
					font-family:$font_family;
					font-weight:400;
					text-transform:capitalize;
					padding-left:18px;
					span{
						color:#161616;
						font-weight:500;
						margin-left:2px;
					}
				}
			}
		}
		.reviews{
			padding-top:12px;
			.featur-hd{
				margin-bottom:25px;
			}
			.ath-info{
				border:none;
				position:relative;
				padding-top:0;
				.abt-miller-info{
					h3{
						color:#b39148;
					}
					>span{
						 display: block;
					    color: #a3a3a3;
					    font-size: 13px;
					    font-weight: 300;
					    margin-top: -2px;
					    margin-bottom: 10px;
			}
				}
			}
		}
		.ab-nbrs{
			padding-top:46px;
			padding-bottom:26px;
			.featur-hd{
				margin-bottom:17px;
			}
			.phras{
				margin-top:11px;
			}
		}
		
		
	}
	.sidebar {
		.widget-contact{
			.customer-auth {
				display:table;
				margin-bottom: 24px;
				.img_sec{
					display:table-cell;
					vertical-align:top;
					float:left;
				}
				.info_sec{
					display:table-cell;
					vertical-align:top;
					width:100%;
					padding-left:15px;
					padding-top: 5px;
					h3 {
						color:#161616;
						font-size:16px;
						font-family:$font_family;
						font-weight:800;
						margin-bottom:14px;
					}
					ul{
						li{
							display:block;
							margin-bottom: 7px;
							a, span {
								display:inline-block;
								color:#161616;
								font-weight:400;
								font-size: 13px;
								i{
									color:#161616;
									font-size:16px;
									margin-right:14px;
								}
								span{
									color:#b39148;
								}
							}
						}
					}
				}
			}
		}
		
	}
}
.standert-properties {
	padding-right: 35px;
}
.reviews{
	&.ath{
		border-bottom:1px solid#e5e5e5;
		padding-top:24px;
		ul{
			margin-top:20px;
			li{
				display:inline-block;
				margin-left:15px;

				&:first-child{
					margin-left:0;
				}
				a{
					color:#a3a3a3;
				}
			}
		}
		.phras{
			margin-top:0;
		}
		.sd{
			margin-bottom:0;
		}
	}
}
.semi-feature{
	color:#161616;
	font-size:26px;
	font-family: $font_family;
	font-weight:800;
	margin-top:46px;
	margin-bottom:18px;
}
.featured-sec{
	&.pr{
		padding-bottom:61px;
	}

			.prop-info-sec{
				padding-top:26px;
				.container{
					padding-left:0;
				}	
				.inf-pr{
					border-bottom:2px solid#e7e7e7;
					padding-bottom:20px;
					margin-right:25px;
					.phras{
						margin-top:0px;
						line-height:25px;
					}
				}
				.hd-pr{
					margin-top:25px;
					margin-right:25px;
					.lf-hd{
						float:left;
					}
					a{
						i{
							float:right;
						}
					}
				}
			}
		}
.featur-hd{
	color:#161616;
	font-size:18px;
	font-family:$font-family;
	font-weight:$font_weight;
	margin-top:10px;
	margin-bottom:2px;
	&.ms{
		margin-bottom:25px;
	}
}



















.blog-standart{
	text-align: center;
	background-color:#f7f7f7;
	padding:60px 0 61px 0;
	.blog-hd{
		color:#161616;
		font-size:36px;
		font-family:$font_family;
		font-weight:600;
	}
}

.banner-sec{
padding-top:37px;
	.sid-br-hd{
		margin-bottom:20px;
	}
}



.map-sec{
	padding-top:55px;
}
.contact-section {
	padding: 60px 0 110px;
	.featur-hd{
		margin-top: 0;
		font-size: 16px;
		margin-bottom: 26px;
	}
}
.get-in-touch{
	.sid-br-hd {
		color: #161616;
		font-size: 16px;
		margin-bottom: 18px;
	}
	.phras {
		margin-bottom: 13px;
	}

}
.contact-detail {
	.sid-br-hd {
		margin-bottom: 19px;
	}
}
.contact-detail{
	padding-top:30px;
	ul{
		li{
			display:block;
			color:#161616;
			font-size:13px;
			font-family:$font_family;
			font-weight:400;
			margin-bottom:16px;
			i{
				color:#b39148;
				font-size:15px;
				width: 26px;
			}
			span, a{
				color:#777a7c;
				font-family:$font_family;
				font-weight:300;
			}
			a {
				color: #b39148;
			}
			.last{
				color:#b39148;
			}
		}
	}
}

.agents-list{
	.agent-details {
		position: relative;
		margin-bottom: 40px;
	    box-shadow: 2px 5px 10px 5px #e7e7e7;
	    height: 285px;
	    display: flex;
	    &:hover {
	    	.agent-img:before {
	    		opacity: 1;
	    		visibility: visible;
	    	}
	    	.agent-hover {
	    		opacity: 1;
	    		visibility: visible;
	    		.social-links {
	    			margin-top: 0;
	    		}
	    		> a {
	    			top: 0;
	    		}
	    	}
	    }
	    &:last-child {
	    	margin-bottom: 0;
	    }
		.agent-img{
			float:left;
			width: 298px;
			position: relative;
			img{
				width:auto;
			}
			&:before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(0,0,0,0.32);
				opacity: 0;
				visibility: hidden;
				transition: all 0.4s ease-in-out;
			}
		}
		.agent-info{
				padding-left:23px;
				float:left;
				width:calc(100% - 298px);
				padding-top:30px;
				padding-right: 30px;
			h3 {
				color:#161616;
				font-size:22px;
				font-family:$font_family;
				font-weight:$font_weight;
				margin-bottom: 1px;
				a {
					transition: all 0.4s ease-in-out;
				}
				&:hover {
					a {
						color: #b39148;
					}
				}
			}
			> span {
				display: inline-block;
				color:#a3a3a3;
				font-size:13px;
				font-family:$font_family;
				font-weight:300;
				margin-bottom: 5px;
			}
			p {
				margin-top:12px;
				margin-bottom:31px;
				line-height:23px;
				padding-right: 56px;
				height: 70px;
				overflow: hidden;
			}
			.sd-ph{
				float: left;
				li{
					display:block;
					color:#161616;
					font-size:13px;
					font-family:$font-family;
					font-weight:400;
					margin-bottom:16px;
					&:last-child {
						margin-bottom: 0;
					}
					i{
						color:#b39148;
						margin-right:11px;
					}
				}
			}
			.sd-mh{
				float:left;
				li{
					display:inline-block;
					color:#161616;
					font-size:16px;
					padding-left:15px;
					margin-top:14px;
					&:first-child{
						padding-left:0;
					}
				}
			}
			.lft-pr{
				float:right;
				text-align:right;
				color:#b39148;
				font-size:14px;
				font-weight:400;
				position: absolute;
				bottom: 29px;
				right: 29px;
			}
		}
	}
	.featured-sec{
		&.pr{
			&.tp{
				padding-top:65px;

			}
		}
		
	
	}
	
}
.ab-properties{
	&.md{
		margin-top:19px;
		margin-bottom:28px;
	}
}
.sidebar {
	.widget {
		margin-bottom: 51px;
	}
	.property-types {
		padding-top: 0;
	}
	.widget-title {
		color: #161616;
		font-size: 16px;
		font-weight: 700;
		text-transform: capitalize;
		margin-bottom: 26px;
		margin-top: -2px;
	}
	.widget-featured {
		.img-sec {
			> img {
				width: 100%;
			}
		}
		.info-sec {
			border: 1px solid #e7e7e7;
			border-top: 0;
		}
		.hd-pr {
			padding: 20px 0 16px;
			.lf-hd {
				font-family: $font-family;
			}
			> span {
				float: right;
				color: #161616;
				font-size: 12px;
				font-weight: 300;
				margin-top: 6px;	
			}
		}
	}
	.abt-cntct{
		box-shadow: 2px 5px 10px 5px #e7e7e7;
		padding-top:17px;
		padding-bottom:25px;
		.sd{
			margin-top:0;
			margin-bottom:19px;
		}
		form { 
			input{
				margin-bottom:8px;
				border-radius:5px;
				color:#a3a3a3;
				border:1px solid #a3a3a3;
				font-size:13px;
				height:45px;
				padding-top:2px;
			}
			textarea{
				color:#a3a3a3;
				font-size:13px;
				border:1px solid #a3a3a3;
				border-radius:5px;
				padding-left:10px;
				width:100%;
				height:84px;
				font-family:$font_family;
				font-weight:300;
				padding-top:10px;
				margin-bottom:4px;
			}
			button{
				margin-top:0;
				border-radius:5px;
			}
		}
	}
	.featured-sec{
		&.tr{
			padding-top:9px;
			padding-bottom:0;
		}
	}
	.property-types{
		&.ph{
			padding-top:9px;
			.sd{
				margin-bottom:5px;
				margin-top:30px;
			}
		}
		.types{
			&.pr{
				li{
					i{
						color:#80868c;
						margin-right:10px;
					}
				}
			}
		}
	}
	.widget-ad {
		> a img {
			width: 100%;
		}
	}
	.recent-posts {
		margin-bottom: 88px;
	}
	.types {
		margin-top: -4px;
	}
}


.featured-carousel {
	.slick-prev,
	.slick-next {
		z-index: 9;
		transform: inherit;
		top: 75px;
		outline: none;
		&:before {
			font-family: fontawesome;
			color: #fff;
		}
	}
	.slick-prev {
		left: 0;
		&:before {
			content: '\f104';
		}
	}
	.slick-next {
		right: 0;
		&:before {
			content: '\f105';
		}
	}
}

.half-sec .featured-sec .ab-properties .info-sec .hd-pr {
	padding: 20px 0 16px;
}
.half-sec .featured-sec.listing-sec .ab-properties .info-sec .hd-pr {
	padding: 20px 0 0;
}

.sd{
	margin-top:31px;
	margin-bottom:21px;
	color:#161616;
	font-size:16px;
	font-family:$font_family;
	font-weight:font_weight;
}




.location-pr{
	.geo-map {
		padding-top: 19px;
	}
	.loct-list{
		.list-1{
			ul{
				li{
					margin-bottom: 21px;
					&:last-child {
						margin-bottom: 0;
					}
					a {
						display:block;
						color:#161616;
						font-size:15px;
						font-family:$font_family;
						font-weight:400;
						transition: all 0.4s ease-in-out;
						&:hover {
							color: #b39148;
							padding-left: 5px;
						}
					}
				}
			}
		}
	}
}
.categories{
	width:100%;
	.catg-list{
		position: relative;
		text-align:center;
		box-shadow: 2px 5px 10px 5px #e7e7e7;
		padding:43px 0 40px 0;
		margin-top:2px;
		width:calc(100% / 5 - 10px);
		float:left;
		margin-right:10px;
		transition: all 0.4s ease-in-out;
		&:before {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 0;
			height: 4px;
			background-color: #b39148;
			opacity: 0;
			visibility: hidden;
			transition: all 0.4s ease-in-out;
		}
		&:hover {
			&:before {
				opacity: 1;
				visibility: visible;
				width: 100%;
			}
		}
		> img {
			margin-bottom: 1px;
		}
	}
}

.ab-robert-green{
	&.md{
		margin-top:30px;
	}
}
.sidebar{
	.abt-cntct{
		select{
			color:#80868c;
			font-size:15px;
			font-family:$font_family;
			font-weight:300;
			width:100%;
		}
	}
}
.half-sec{
	.prop-hd{
		float:right;
		color:#161616;
		font-size:14px;
		font-family:$font_family;
		font-weight:400;
		padding-right:20px;
	}
}


.log-in{
	background-color:#f7f7f7;
	width: 460px;
	position:fixed;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	background-color:#f7f7f7;
	z-index:999;
	padding-bottom:31px;
	.tabs-pr{
		background-color:#6c6c6c;
		.nav{
			&.nav-tabs{
				.nav-item{
					.nav-link{
						color:#ffffff;
						font-size:18px;
						font-family:$font_family;
						font-weight:500;
						padding:15px 52px 13px 52px;
						i{
							padding-top:2px;
							padding-bottom:2px;
						}
						&.active{
							color:#161616;
							background-color:#f7f7f7;
						}
					}
				}
			}
		}
	}
}



.pop-slider {
	.slick-prev,
	.slick-next {
	    width: 66px;
	    height: 69px;
	    z-index: 9;
	    border: 1px solid #e2e6e9;
	    border-radius: 3px;
	    left: 0;
	    transition: all 0.4s ease-in-out;
	    &:before {
	    	content: '\f104';
		    position: absolute;
		    top: 50%;
		    left: 50%;
		    font-family: fontawesome;
		    color: #161616;
		    font-size: 30px;
		    transform: translate(-50%,-50%);
		    transition: all 0.4s ease-in-out;
	    }
	    &:hover {
	    	background-color: #b39148;
	    	border-color: transparent;
	    	&:before {
	    		color: #fff;
	    	}
	    }
	}
	.slick-next {
		left: auto;
		right: 0;
		&:before {
	    	content: '\f105';
		}
	}
}







// ===================== MAIN CONTENT FILTER ==================== 


.slct-field {
	width: 250px;
	position: relative;
	padding-left: 25px;
	float:left;
	&:before {
		content: '\f0b0';
		font-family: fontawesome;
		position: absolute;
		top: 1px;
		left: 0;
		color: #161616;
		font-size: 15px;
	}
	&:after {
		content: '\f0d7';
		font-family: fontawesome;
		position: absolute;
		top: 3px;
		right: 0;
		color: #80868c;
		font-size: 15px;
	}
	select {
		width: 100%;
		color: #80868c;
		font-size: 15px;
		font-weight: 300;
		border:0;
	}
}
.slct-field.rpet{
	&:before{
		display:none;
		width:170px;
	}
}
.filter-head {
	margin-bottom: 36px;
}
.filter-form {
	float: left;
}

.nav-tabs {
	border-bottom: 0;
	float:left;
	border-left: 1px solid #e7e7e7;
	padding-left: 30px;
	margin-left: 30px;
	.nav-item {
		margin-right: 24px;
		&:last-child {
			margin-right: 0;
		}
		.nav-link {
			border:0;
			padding: 0;
			font-size: 15px;
			&.active {
				color: #b39148;
			}
		}
	}
	
}

.filter-status {
	float: right;
	>  span {
		display: inline-block;
		color: #161616;
		font-size: 14px;
	}	
}
.filter-dv {
	float: left;
	border-left: 1px solid #e7e7e7;
	padding-left: 29px;
	margin-left: 30px;
	margin-right: 1px;
	> a {
		display: inline-block;
		color: #80868c;
		font-size: 15px;
		font-weight: 300;
		text-transform: capitalize;
		position: relative;
		padding-right: 25px;
		&:before {
			content: '\f0d7';
			font-family: fontawesome;
			position: absolute;
			top: 2px;
			right: 0;
			color: #80868c;
			font-size: 15px;
		}
	}
}
.main-content-filter .ab-properties {
	margin-bottom: 35px;
}

.ab-properties {
	position: relative;
}
.ext-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
}
.load-more-items {
	text-align: center;
	margin-top: 20px;
	.load-btn {
		display: inline-block;
		color: #b39148;
		font-size: 15px;
		height: 48px;
		line-height: 48px;
		padding: 0 21px;
		text-transform: capitalize;
		border:1px solid #b39148;
		border-radius: 3px;
		transition:all 0.4s ease-in-out;
		&:hover {
			background-color: #b39148;
			color: #fff;
			border-color: transparent;
		}
	}
}




.half-map-sec {
	.container {
		padding: 0;
	}
	.main-content-filter {
		padding-top: 40px;
		padding-bottom: 110px;
	}
}


//  ===================== BLOG ITEMS ===================== 


.blog-item {
	position: relative;
	margin-bottom: 56px;
	.blog-thumbnail {
		position: relative;
		margin-bottom: 32px;
		> img {
			width: 100%;
		}
	}
	.blog-info {
		.meta {
			margin-bottom: 9px;
			li {
				display: inline-block;
				margin-right: 10px;
				position: relative;
				padding-right: 20px;
				&:before {
					content: '-';
					position: absolute;
					top: 1px;
					right: 0;
					color: #a3a3a3;
					font-size: 14px;
				}
				&:last-child {
					&:before {
						display: none;
					}
				}
				a {
					display: inline-block;
					color: #a3a3a3;
					font-size: 14px;
					font-family: $font-family2;
				}
				span {
					font-family: $font-family2;
					display: inline-block;
					margin-right: 5px;
				}
				&.posted-by {
					span {
						color: #a3a3a3;
						font-weight: 400;
					}
					a {
						color: #161616;
					}
				}
			}
		}
		.blog-title {
			color: #161616;
			font-size: 36px;
			text-transform: capitalize;
			font-weight: 700;
			margin-bottom: 25px;
			a {
				transition: all 0.4s ease-in-out;
				&:hover {
					color: #b39148;
				}
			}
		}
		p {
			color: #777a7c;
			font-size: 15px;
			line-height: 26px;
			font-family: $font-family2;
			margin-bottom: 28px;
			padding-right: 20px;
		}
		.read-more-btn {
			display: inline-block;
			color: #b39148;
			font-size: 15px;
			text-transform: capitalize;
			i {
				padding-left: 15px;
				font-size: 18px;
				position: relative;
				top: 2px;
			}
		}
		h4{
			color:#161616;
			font-size:20px;
			font-family:$font_family;
			font-weight:500;
			margin-bottom:25px;
			padding-top: 20px;
		}
	}
	&:last-child {
		margin-bottom: 0;
	}
	.cnt-lst{
		padding:6px 0 18px 42px;
		li{
			display:inline-block;
			margin-bottom:17px;
			color:#161616;
			font-size:16px;
			font-family:$font_family2;
		}
	}
	.social-icon{
		text-align:center;
		padding-top: 11px;
		margin-bottom: 2px;
		li{
			display:inline-block;
			margin-right:12px;
			&:last-child{
				margin-right: 0;
			}
			a{
				color:#282727;
				font-size:14px;
				transition: all 0.4s ease-in-out;
				&:hover {
					color: #b39148;
				}
			}
		}
	}
}

.category-name {
	display: inline-block;
	color: #ffffff;
	font-size: 11px;
	text-transform: uppercase;
	background-color: #b39148;
	height: 24px;
	line-height: 24px;
	padding: 0 12px;
	border-radius: 3px;
	font-family: $font-family2;
	position: absolute;
	top: 21px;
	left: 21px;
}


.main-content {
	padding: 80px 0 106px;
} 



.slick-dots li button {
	background-color: #b2b2b2;

}

// ================== AUTHOR INFO ==================== 

.ath-info {
	display: table;
	padding: 50px 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	.abt-miller-img {
		display: table-cell;
		float: left;
	}
	.abt-miller-info {
		display: table-cell;
		width: 100%;
		vertical-align: top;
		padding-left:20px;
		> h3 {
			color: #161616;
			font-size: 18px;
			font-weight: 700;
			text-transform: capitalize;
			margin-bottom: 6px;
		}
		p {
			font-family: $font-family2;
		}
	}
}
.social_links {
	display: block;
	margin-top: 21px;
	li {
		display: inline-block;
		margin-right: 15px;
		a  {
			display: inline-block;
			color: #a3a3a3;
			font-size: 14px;
			transition: all 0.4s ease-in-out;
			&:hover {
				color: #b39148;
			}
		}
	}
}

// ================== COMMENTS SECTION ==================== 

.comments-section {
	margin-top: 58px;
	margin-bottom: 46px;
	h3 {
		color: #161616;
		font-size: 26px;
		font-weight: 600;
		margin-bottom: 45px;
	}
	.comments-list {
		li {
			margin-bottom: 43px;
			&:last-child {
				margin-bottom: 0;
			}
		}
		.ath-info {
			position: relative;
			padding: 0;
			border:0;
		}
		.abt-miller-info {
			> span {
				display: block;
				color: #a3a3a3;
				font-size: 13px;
				font-weight: 300;
				margin-top: -2px;
				margin-bottom: 10px;
			}
		}
	}
}
.reply {
	display: inline-block;
	position: absolute;
	top: 6px;
	right: 0;
	color: #b39148;
	font-size: 11px;
	font-family: $font-family2;
	text-transform: uppercase;
	&:hover {
		color: #b39148;
	}
}
// ================== COMMENTS SECTION ==================== 



.comment-form {
	> h3 {
		color: #161616;
		font-size: 26px;
		font-weight: 600;
		margin-bottom: 45px;
	}
	.form-field {
		position: relative;
		&:before {
			display: none;
		}
		input {
			max-width: 440px;
		}
	}
	.form-submit {
		button {
			font-weight: 400;
		}
	}
}

.ur-reviews {
	.form-field {
		&:before {
			display: none;
		}
	}
	.form-submit {
		button {
			padding: 0 59px;
		}
	}
}



.widget-agent {
	.form-field {
		input, select {
			padding: 0 18px;
		}
	}
	.form-submit {
		button {
			width: 100%;
			margin-top: 0;
			i {
				margin-right: 10px;
				font-size: 15px;
			}
		}
	}
}



.listing-sec {
	margin-top: 96px;
	.featur-hd {
		margin-bottom: 25px;
	}
}
.listing-view {
	margin-bottom: 35px;
	box-shadow: 0 0 10px rgba(1,1,1,0.11);
	&:last-child {
		margin-bottom: 0;
	}
	.ab-properties {
		display: flex;
		.img-sec {
			float: left;
			width: 305px;
			> img {
				height: 100%;
			}
		}
		.info-sec {
			float: left;
			width: calc(100% - 305px);
			padding: 26px 25px;
			.inf-pr {
				padding: 0;
				p {
					padding-bottom: 19px;
				}
			}
			.hd-pr {
				padding: 25px 0 0 0;
			}
		}
		
	}
}

//  ===================== CONTACT ME ======================= 


.widget-contact {
	background-color: #fff;
	box-shadow: 0 0 10px rgba(1,1,1,0.11);
	padding: 25px 25px 30px;
	.form-submit {
		button {
			width: 100%;
			margin-top: -4px;
		}
	}
}

.pr-35 {
	padding-right: 50px;
}


//  ===================== PAGINATION ======================= 

.pagi_nation {
	margin-top: 55px;
	.pagination {
		li {
			display: inline-block;
			margin-right: 10px;
			&.active {
				a {
					border-color: #032551;
					color: #032551;
					background-color: inherit;
				}
			}
			&:first-child, &:last-child {
				a {
					border-radius: 100px;
				}
			}
			&:last-child {
				margin-right: 0;
			}
			a {
				position: relative;
			    display: -webkit-flex;
			    display: -ms-flexbox;
			    display: flex;
			    -webkit-box-pack: center;
			    -webkit-justify-content: center;
			    -ms-flex-pack: center;
			    justify-content: center;
			    -webkit-box-align: center;
			    -webkit-align-items: center;
			    -ms-flex-align: center;
			    align-items: center;
			    width: 40px;
			    height: 40px;
			    border: 1px solid #e1e2e6;
			    color: #7e7f82;
			    background-color: white;
			    font-size: 14px;
			    text-align: center;
			    text-decoration: none !important;
			    -webkit-transition: border-color .3s, color .3s, background-color .3s;
			    -o-transition: border-color .3s, color .3s, background-color .3s;
			    transition: border-color .3s, color .3s, background-color .3s;
			    border-radius: 100px;
				&:hover {
					color: #032551;
					border-color: #032551;
					background-color: inherit;
				}
			}
		}
	}
}





.ls-activ-filter {
	margin-top: 91px;
}

.filter-section {
	display: none;
	ul {
		float:left;
		width: 100%;
		li {
			float: left;
			width: calc(100% / 6);
			margin-bottom: 25px;
		}
	}
}
.inp-field input[type="checkbox"] {
	display: none;
}
.inp-field input[type="checkbox"] + label {
	display: table-cell;
}
.inp-field input[type="checkbox"] + label span {
	width: 12px;
	height: 12px;
	border: 1px solid #a3a3a3;
	background-color: #fff;
	display: inline-block;
	position: relative;
	float: left;
	display: table-cell;
	margin-right: 12px;
	position: relative;
	top: 4px;
	transition: all 0.4s ease-in-out;
}
.inp-field input[type="checkbox"] + label span:before {
	content: '\f00c';
	position: absolute;
	top: -3px;
	left: 0;
	color: #b39148;
	font-size: 14px;
	font-family: fontawesome;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-in-out;
}
.inp-field input[type="checkbox"]:checked + label span {
	border-color: #b39148;
}
.inp-field input[type="checkbox"]:checked + label span:before {
	opacity: 1;
	visibility: visible;
}
.inp-field input[type="checkbox"]:checked + label b {
	color: #b39148;
	transition: all 0.4s ease-in-out;
}

.inp-field input[type="checkbox"] + label b {
	color: #161616;
	font-size: 15px;
	font-weight: 300;
	cursor: pointer;
}


.tabss-row {
	padding-bottom: 21px;
	border-bottom: 1px solid #e7e7e7;
	margin-top: 22px;
	.tc-rows-list {
		float: left;
		border:0;
		margin: 0;
		padding: 0;
		li {
			display: inline-block;
			position: relative;
			padding-right: 18px;
			margin-right: 14px;
			a {
				display: inline-block;
				color: #161616;
				font-size: 16px;
				font-weight: 700;
				transition: all 0.4s ease-in-out;
				&.active, &:hover {
					color: #b39148;
				}
			}
			&:before {
				content: '';
				position: absolute;
				top: 50%;
				right: 0;
				width: 4px;
				height: 4px;
				background-color: #161616;
				transform: translateY(-50%);
			}
			&:last-child {
				&:before {
					display: none;
				}
			}
		}
	}
	.sort-by {
		float: right;
		position: relative;
		padding-right: 25px;
		&:before {
			content: '\f0d7';
			font-family: fontawesome;
			position: absolute;
			top: 3px;
			right: 0;
			color: #80868c;
			font-size: 15px;
		}
		h4 {
			display: inline-block;
			color: #161616;
			font-size: 15px;
		}
		select {
			border:0;
			font-size: 15px;
			color: #80868c;
			font-weight: 300;
		}
	}
}

.selected-proptz {
	float: left;
	li {
		display: inline-block;
		a {
			display: inline-block;
			color: #80868c;
			font-size: 13px;
			font-weight: 300;
			height: 39px;
			line-height: 37px;
			border:1px solid #d1d6da;
			padding: 0 13px 0 14px;
			border-radius: 3px;
			transition: all 0.4s ease-in-out;
			span {
				display: inline-block;
				margin-left: 7px;
			}
			&:hover {
				background-color: #d9eafb;
				color: #b39148;
				border-color: transparent;
			}
		}
	}
}

.tabs-pr.rowb {
	padding: 20px 0 30px;
	.nav-tabs {
		float: right;
		border-left: 0;
		margin-left: 0;
		padding: 0;
		margin-top: 11px;
	}
}








.infoBox {
  border-radius: 4px; }

.map-box {
  background-color: #fff;
  margin-bottom: 5px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 40px 0 rgba(3, 3, 3, 0.15);
  box-shadow: 0 0 40px 0 rgba(3, 3, 3, 0.15);
  position: relative; }

.map-box .listing-img-container img {
  width: 100%;
  border-radius: 4px 4px 0 0; 
  position: relative;
}
.map-box .rate-info {
  position: absolute;
  bottom: 84px;
  left: 0;
  padding-bottom: 20px;
}
.map-box .rate-info > h5 {
  top: 4px;
}

.map-box h4 {
  margin: 0;
  padding: 0; }

.map-box h4 a {
  padding: 0 0 2px;
  font-size: 17px;
  line-height: 25px;
  display: inline-block; }

.listing-img-container {
  position: relative;
  height: 100%;
  display: block; }

.map-box h4 a:hover {
  color: #66676b; }

.map-box p {
  padding: 0;
  line-height: 25px;
  margin: 2px 0 0;
  font-size: 14px; }

.map-box ul.listing-details {
  padding: 0;
  font-size: 14px;
  display: none; }

.map-box .listing-title {
  padding: 16px 22px; }

.map-box .listing-img-content {
  padding: 18px 22px; }

.map-box .listing-img-content span {
  font-size: 21px; }

.map-box .listing-img-content .listing-price i {
  font-size: 15px;
  margin: -7px 0 0; }

.infoBox > img {
  position: absolute !important;
  right: 0;
  top: 0; }

.map-box .listing-img-container::before {
  content: "";
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(35, 35, 37, 0.85)), color-stop(35%, rgba(35, 35, 37, 0.4)), color-stop(60%, rgba(22, 22, 23, 0)), to(transparent));
  background: -webkit-linear-gradient(bottom, rgba(35, 35, 37, 0.85) 0%, rgba(35, 35, 37, 0.4) 35%, rgba(22, 22, 23, 0) 60%, transparent 100%);
  background: -o-linear-gradient(bottom, rgba(35, 35, 37, 0.85) 0%, rgba(35, 35, 37, 0.4) 35%, rgba(22, 22, 23, 0) 60%, transparent 100%);
  background: linear-gradient(to top, rgba(35, 35, 37, 0.85) 0%, rgba(35, 35, 37, 0.4) 35%, rgba(22, 22, 23, 0) 60%, transparent 100%);
  background-color: rgba(35, 35, 37, 0.2); }

.map-box .listing-item-content {
  position: static;
  width: 100%;
  margin-top: -3px;
  background-color: #fff;
  padding: 15px 23px 20px 23px;
  border-left: 1px solid #e0e1e5;
  border-right: 1px solid #e0e1e5;
  border-bottom: 1px solid #e0e1e5;
}

.map-box .listing-item-content h3 {
  color: #242526;
  font-size: 16px;
  padding: 0 0 2px;
  font-weight: 500;
  margin: 0;
  line-height: 27px;
  margin-bottom: 5px;
}

.map-box .listing-item-content span {
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
  color: #aeb4b6; 
}
.map-box .listing-item-content span i {
  padding-right: 5px;
}

.infoBox-close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  z-index: 999;
  text-align: center;
  line-height: 29px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  height: 29px;
  width: 29px;
  background-color: #fff;
  color: #333;
  font-family: "FontAwesome";
  border-radius: 50%;
  -webkit-text-stroke: 1px #fff; 
}


.map-box-icon {
  height: 38px;
  width: 38px;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #3685cf;
  display: block;
  color: #fff;
  font-size: 12px;
  z-index: 101;
  text-align: center;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
  opacity: 0;
  visibility: hidden; }

.map-box-icon:before {
  content: "\f064";
  font-family: "FontAwesome";
  position: relative;
  top: 7px;
  display: block; }

.map-box-image:hover .map-box-icon {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

.map-box-image {
  position: relative;
  overflow: hidden;
  display: block; }

/*.infoBox {
  -webkit-animation: fadeIn 0.9s;
  animation: fadeIn 0.9s; }
*/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.infoBox .star-rating {
  font-size: 16px;
  margin-top: 1px; }

.infoBox .star-rating span {
  margin-right: 3px; }

.infoBox .rating-counter {
  position: relative;
  top: -1px; }

.infoBox:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #fff; }

#map {
  height: 100%;
  width: 100%;
  margin: 0;
  z-index: 990; }

#map-container {
  position: relative;
  top: 0;
  left: 0;
  height: 520px;
  width: 100%;
  z-index: 0;
  margin-bottom: 60px; }

.gmnoprint {
  margin: 10px; }

#map-container.fullwidth-home-map {
  height: 725px;
  margin-bottom: 0; }
#map-container.fullwidth-home-map.hp3 {
  height: 490px;
}
#map-container.fullwidth-home-map .main-search-inner {
  position: absolute;
  display: block;
  bottom: 60px;
  top: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  padding-bottom: 0;
  z-index: 9999;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%; }

#map-container.fullwidth-home-map .main-search-input {
  margin-top: 0; }

.cluster img {
  display: none; }

.cluster-visible {
  display: none;
}

.cluster-visible:before {
  border: 7px solid;
  opacity: 0.2;
  -webkit-box-shadow: inset 0 0 0 4px #6a7be7;
  box-shadow: inset 0 0 0 4px #6a7be7;
  content: '';
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: cluster-animation 2.5s infinite;
  animation: cluster-animation 2.5s infinite; }

@-webkit-keyframes cluster-animation {
  0%,
  100% {
    -webkit-transform: scale(1.3) rotate(0deg);
    transform: scale(1.3) rotate(0deg); }
  50% {
    -webkit-transform: scale(1.5) rotate(90deg);
    transform: scale(1.5) rotate(90deg); } }

@keyframes cluster-animation {
  0%,
  100% {
    -webkit-transform: scale(1.3) rotate(0deg);
    transform: scale(1.3) rotate(0deg); }
  50% {
    -webkit-transform: scale(1.5) rotate(90deg);
    transform: scale(1.5) rotate(90deg); } }

.map-marker-container {
  position: absolute;
  margin-top: 10px;
  -webkit-transform: translate3d(-50%, -100%, 0);
  transform: translate3d(-50%, -100%, 0); }

.marker-container {
  position: relative;
  margin: 10px auto;
  width: 48px;
  height: 48px;
  z-index: 1;
  border-radius: 50%;
  cursor: pointer;
  top: -5px; }

#singleListingMap .marker-container {
  cursor: default; }

.marker-container {
  -webkit-perspective: 1000;
  perspective: 1000; 
  transition: all 0.4s ease-in-out;
}

.marker-card {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: absolute;
  z-index: 1; }

.map-marker-container.clicked .marker-card,
.marker-container:hover .marker-card {
  -webkit-transform: rotateY(-180deg) translateY(0px);
  transform: rotateY(-180deg) translateY(0px); }

.marker-container:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 64px;
	background-image: url(../images/mark.png);
	background-repeat: no-repeat;
	transition: all 0.4s ease-in-out;
}
.marker-container:hover:before {
	background-image: url(../images/mark-back.png);
}
.marker-container:hover .face i {
	color: #fff;
}
// .marker-arrow {
//   width: 0;
//   content: "";
//   height: 0;
//   border-style: solid;
//   border-width: 20px 13px 0;
//   border-color: #6a7be7 transparent transparent;
//   top: 35px;
//   left: 50%;
//   -webkit-transform: translateX(-50%);
//   -ms-transform: translateX(-50%);
//   transform: translateX(-50%);
//   position: absolute;
//   border-radius: 0;
//   z-index: 1; }

.face {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-align: center;
  border-radius: 10%;
  color: #fff;
  z-index: 100;
  border-radius: 50px; 
  transition: all 0.4s ease-in-out;
}
.face.front {
  // background-color: #fff;
  // border: 3px solid #b39148;
  z-index: 100; }
.face.front {
	// border-color: #b39148;
}
.face.front {
    // background-color: #fff;
    z-index: 100;
}
.la-home:before {
	color: #6a7be7;
}

.face.back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.4s ease-in-out;
}

.face.back i {
  trasform: scaleX(-1);
  // line-height: 38px;
  font-size: 20px; 
  transition: all 0.4s ease-in-out;
}

.face.back:after {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  top: 2px;
  left: 2px;
  border-radius: 10%;
  position: absolute; }

.custom-zoom-in,
.custom-zoom-out {
  background-color: #fff;
  color: #333;
  cursor: pointer;
  border-radius: 50%;
  margin: 5px 15px;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
  -webkit-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-size: 15px;
  height: 34px;
  width: 34px; }



.custom-zoom-in:before,
.custom-zoom-out:before {
  font-family: "FontAwesome";
  width: 100%;
  line-height: 35px;
  transition: -webkit-text-stroke 0.3s;
  -webkit-text-stroke: 1px #fff; }

.zoomControlWrapper {
  position: absolute;
  left: 0;
  right: auto;
  width: 70px; }

.custom-zoom-in:before {
  content: "\f067"; }

.custom-zoom-out:before {
  content: "\f068"; }

.custom-zoom-in:hover:before,
.custom-zoom-out:hover:before {
  -webkit-text-stroke: 1px #66676b; }

#mapnav-buttons {
  position: absolute;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  z-index: 999;
  font-size: 14px;
  display: inline-block;
  bottom: 20px;
  right: 20px;
  list-style: none;
  padding: 0; }

#mapnav-buttons.top {
  top: 20px;
  right: 20px;
  bottom: auto; }

#mapnav-buttons li {
  float: left;
  margin-left: 4px;
  line-height: 20px; }

#geoLocation,
#mapnav-buttons a,
#scrollEnabling,
#streetView {
  color: #333;
  background-color: #fff;
  padding: 9px 18px 7px;
  font-weight: 500;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  border-radius: 50px;
  -webkit-box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2); }



#nextpoint:after,
#prevpoint:before {
  font-family: "FontAwesome";
  position: relative;
  font-weight: 500;
  margin: 0 0 0 6px;
  font-size: 17px;
  top: 0;
  line-height: 1px; }

#prevpoint:before {
  content: "\f104";
  margin: 0 6px 0 0; }

#nextpoint:after {
  content: "\f105";
  margin: 0 0 0 6px; }

#geoLocation,
#scrollEnabling,
#streetView {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 999;
  font-size: 13px;
  line-height: 21px; }

#geoLocation:before,
#scrollEnabling:before,
#streetView:before {
  content: "\e015";
  font-family: "simple-line-icons";
  position: relative;
  top: 2px;
  margin: 0 6px 0 0;
  font-size: 15px;
  line-height: 1px; }

#scrollEnabling:before {
  margin-left: -3px; }

#streetView:before {
  content: "\f21d";
  font-family: "FontAwesome";
  font-size: 16px;
  top: 1px;
  margin-right: 8px; }

#geoLocation {
  right: auto;
  left: 20px;
  padding: 8px 11px; }

#geoLocation:before {
  content: "\f192";
  font-family: "FontAwesome";
  font-size: 16px;
  margin: 0;
  top: 2px; }

@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px); }
  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); } }

@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px); }
  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); } }

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.cta {
 	background: #303e94;
}
.cta.section-padding {
	padding: 68px 0 67px 0;
}
.cta .cta-text {
    text-align: center;
}
.cta .cta-text h2 {
 	font-size: 32px;
  	color: #fff;
  	margin: 0px;
}

.infoBox-close:hover {
  color: #fff;
  background-color: #66676b;
  -webkit-text-stroke: 1px #66676b; }

.custom-zoom-in:hover,
.custom-zoom-out:hover {
  background-color: #66676b;
  color: #fff; }

#geoLocation:hover,
#mapnav-buttons a:hover,
#scrollEnabling.enabled,
#scrollEnabling:hover,
#streetView:hover {
background-color: #66676b;
color: #fff; }

.marker-container:hover .face .la-home:before {
    color: #fff;
}

.map-box h4 a,
.infoBox-close,
.map-box-icon,
.marker-card,
.face .la-home:before
{
	-webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
}




.half_map.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	z-index: 50;
}
.half_map.fixed #map-container.fullwidth-home-map {
	height: 100%;
}

.half-map-sec.fixed {
	padding-top: 106px;
}

#map-container.fullwidth-home-map.style2 #map {
	height: 100%;
}



.map-details {
	#map {
		height: 320px;
	}
}



.links-sales {
	.social_links {
		display: block;
		margin-top: 31px;
		li {
			a {
				color: #161616;
				font-size: 16px;
				&:hover {
					color: #b39148;
				}
			}
		}
	}
}
.agents-list {
	.agent-details.single {
		height: 330px;
		display: flex;
	}
}
.agents-list .agent-details .agent-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}






.tab-content {
	.listing-sec {
		margin-top: 0;
	}
}


.blog-main {
	.blog-thumbnail {
		position: relative;
		margin-bottom: 0;
		&:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(19,16,13,0.50);
		}
	}
	.blog-info {
		position: absolute;
		bottom: 24px;
		left: 0;
		width: 100%;
		padding: 0 35px;
		> span {
			display: inline-block;
			color: #ffffff;
			font-size: 14px;
			font-family: $font-family2;
			opacity: 0.7;
			margin-bottom: 10px;
		}
		.blog-title {
			font-size: 24px;
			color: #ffffff;
			font-weight: 700;
			margin-bottom: 0;
		}
	}
}


.listing-sec.style2 {
	.ab-properties {
		.info-sec {
			padding: 27px 25px 20px 25px;	
		}
	}
}

.slick-dots {
	bottom: -30px;
}
#html5-watermark {
  display: none !important;
}

#html5lightbox-web-iframe img {
  float: none;
}



// ================ LOGIN / REGISTER FORM ============

.wrapper {
	position: relative;
}
.body-overlay:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.40);
	z-index: 999999;
	transition: all 0.4s ease-in-out;
}
.popup-from {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 460px;
	z-index: 9999999999999;
	transform: translateX(-50%) translateY(-50%);
	background-color: #f7f7f7;
	opacity: 0;
	visibility: hidden;
	margin-top: 50px;
	transition: all 0.4s ease-in-out;
	&.show {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	.nav-tabs {
		display: block;
		border:0;
		margin: 0;
		padding: 0;
		width: 100%;
		float: left;
		width: 100%;
		position: relative;
		background-color: #6c6c6c;
		li.nav-item {
			float: left;
			background-color: #6c6c6c;
			margin-right: 0;
			text-align: center;
			margin-bottom: 0;
			width: 193px;	
			.nav-link {
				display: inline-block;
				color: #ffffff;
				font-size: 18px;
				padding: 0 35px;
				height: 60px;
				line-height: 60px;
				font-weight: 500;
				width: 100%;
				border-radius: 0;
				&.active {
					background-color: #f7f7f7;
					color: #161616;
				}
			}
		}
	}
	.close-form {
		position: absolute;
		top: 0;
		right: 0;
		text-align: center;
		width: 75px;
		line-height: 60px;
		color: #fff;
		border-left: 1px solid #888888;
	}
	.form-content {
		padding: 40px 30px;
		form {
			border-bottom: 1px solid #eaeaea;
			padding-bottom: 25px;
			margin-bottom: 25px;
			input {
				width: 100%;
				height: 46px;
				color: #80868c;
				font-size: 14px;
				font-weight: 300;
				padding: 0 18px;
				margin-bottom: 10px;
				border:1px solid #eaeaea;
				background-color: #ffffff;
				border-radius: 3px;
			}
			.rm-row {
				padding: 11px 0 22px;
				.inp-field {
					float: left;
					label {
						b {
							color: #a3a3a3;
							font-size: 14px;
							font-family: $font-family2;
						}
					}
				}
				> a {
					float: right;
					color: #161616;
					font-size: 14px;
					font-family: $font-family2;
				}
			}
			button {
				color: #fff;
				background-color: #b39148;
				height: 48px;
				line-height: 48px;
				width: 100%;
				border-radius: 3px;
				border:0;
			}
		}
		.login-others {
			> a {
				i {
					display: inline-block;
					width: 52px;
					height: 100%;
					text-align: center;
					color: #ffffff;
					font-size: 15px;
					background-color: #3c4b8f;
					position: absolute;
					top: 0;
					left: 0;
					line-height: 48px;
				}
				display: block;
				width: 100%;
				color: #ffffff;
				font-size: 15px;
				height: 48px;
				line-height: 48px;
				position: relative;
				text-align: center;
				background-color: #3f5fa4;
				border-radius: 3px;
			}
		}
	}
}

.rm-row .inp-field input[type="checkbox"] + label span {
	background-color: transparent;
	border-radius: 3px;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	border-radius: 0;
}


.agent-hover {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-in-out;
	.social-links {
		margin-bottom: 34px;
		margin-top: -10px;
		transition: all 0.4s ease-in-out;
		li {
			display: inline-block;
			margin-right: 11px;
			&:last-child {
				margin-right: 0;
			}
			a {
				display: inline-block;
				color: #fff;
			}
		}
	}
	> a {
		display: inline-block;
		color: #ffffff;
		font-size: 15px;
		height: 46px;
		line-height: 46px;
		padding: 0 30px;
		border:1px solid #fff;
		border-radius: 3px;
		transition: all 0.4s ease-in-out;
		top: 10px;
		&:hover {
			background-color: #b39148;
			color: #fff;
			border-color: transparent;
		}
	}
}


.sixty {
	max-width: 960px;
	margin-left: auto;
}
.half_map.fixed {
	width: calc(100% - 960px);
}
.halfy {
	max-width: calc(100% - 960px);
	flex: unset;
}




.error {
  outline:1px solid #6a7be7;
}
.error {
  color: #fff;
  font-size: 14px;
  margin-bottom: 20px;
  padding: 10px;
  width: 100%;
}
.success-message,
.error-message,
.missing-message {
  color: #fff;
  font-size: 14px;
  padding: 15px;
  display: none;
  margin-bottom: 20px;
  background-color: #b39148;
}
label.error {
  position: absolute;
  top: -41px;
  left: 0;
  width: 100%;
  display: none !important;
}



.face i {
	color: #b39148;
	font-size: 20px;
	position: relative;
	top: 15px;
	transition: all 0.4s ease-in-out;
}



#map path {
    stroke: #fff;
}


.half-sec.block {
	padding-top: 6px;
}



.main-content-filter .ls-activ-filter {
	margin-top: 0;
}
.main-content-filter .filter-section {
	margin: 40px 0 20px;
}
.main-content-filter .filter-section ul li {
	width: calc(100% / 3);
}