@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

/* Hero : BEGIN */
#hero {
	position: relative;
	font-size: 0;
	z-index: 5;
}
	.floating-contact-smis {
        position: absolute;
        text-align: center;
        z-index: 2;
        right: 35px;
        top: 32%;
        display: flex;
        flex-direction: column;
    }
    .floating-contact-smis::before {
        content: '';
        display: block;
        position: absolute;
        width: 1px;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        background: #a6a6a6;
        z-index: -1;
    }
        .floating-contact {
            margin-bottom: 35px;
        }
        .floating-smis {

        }
            .floating-contact-smis a {
                display: flex;
                align-items: center;
                justify-content: center;
                background: #fff;
                border: 1px solid #fff;
                border-radius: 50%;
                width: 38px;
                height: 38px;
                margin: 12px 0;
                color: var(--primary-color);
                -webkit-transition: all 0.35s ease-in-out;
                -moz-transition: all 0.35s ease-in-out;
                -o-transition: all 0.35s ease-in-out;
                transition: all 0.35s ease-in-out;
            }
            .floating-contact-smis a:hover {
                background: var(--hover-color);
                border-color: var(--hover-color);
                color: #ffffff;
            }
            .floating-contact-smis a:first-of-type {
                margin-top: 0;
            }
            .floating-contact-smis a:last-of-type {
                margin-bottom: 0;
            }
                .floating-contact-smis a i,
				 .floating-contact-smis a em{
                    font-size: 20px;
                }
                .floating-contact-smis a i.ai-font-envelope {
                    font-size: 11px;
                }
                .floating-smis a i {
                    font-size: 18px;
                }
				.floating-contact-smis a i.ai-font-phone-alt {
					font-size: 14px;
				}
	.ss-holder {
		position: relative;
	}
	.ss-holder::after {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 1%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 );
	}
		.ss-slick {

        }
            .ss-slide {
                position: relative;
            }
            .ss-slick:not(.slick-initialized) .ss-slide {
                display: none;
            }
            .ss-slick:not(.slick-initialized) .ss-slide:first-child {
                display: block;
            }
            .ss-slide::after {
                content: '';
                display: block;
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background: rgba(0,0,0,0.25);
                z-index: 2;
            }
                .ss-slide canvas {
                    display: block;
                    width: 100%;
                    background-color: #cccccc;
                    background-position: center center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    position: relative;
                    z-index: 1;
                }
    .qs-holder {
    	position: absolute;
    	width: 100%;
    	bottom: 0;
    }
	.qs-holder .bootstrap-select.btn-group .dropdown-menu {
		max-height: 300px !important;
	}
    	.qs-toggle {
    		text-align: center;
    	}

		.qs-toggle.fadeOutDown {
			animation-duration: 1s;
			-webkit-animation-fill-mode: both;
			-webkit-animation-name: fadeOutDown;
			animation-name: fadeOutDown;
		}

    		.qs-toggle a {
    			display: inline-block;
    			color: #ffffff;
    		}
    		.qs-toggle a::after {
    			content: '';
    			display: block;
    			width: 1px;
    			height: 35px;
    			margin: auto;
    			background: #d5d5d5;
    			-webkit-transition: all 0.35s ease-in-out;
    			-moz-transition: all 0.35s ease-in-out;
    			-o-transition: all 0.35s ease-in-out;
    			transition: all 0.35s ease-in-out;
    		}
    		.qs-toggle a:hover::after {
    			height: 50px;
    		}
    			.qs-toggle strong {
    				display: block;
    				font: 400 34px/1 var(--heading-font);
    				letter-spacing: 0.06em;
    				text-transform: uppercase;
    			}
    			.qs-toggle span {
    				display: block;
    				font-size: 13px;
    				font-style: italic;
    				line-height: 1;
    				letter-spacing: 0.02em;
    				margin: 12px 0;
    			}
    	.qs-form {
    		position: relative;
    		padding: 6px;
    		margin-bottom: 35px;
    		background: var(--primary-color);
    		display: none;
    	}

		.qs-form-inner p {
			font-size: 12px;
			color: #fff;
			text-align: right;
			padding: 15px 34px 0 0;
		}
    	.qs-form::before {
    		content: '';
    		display: block;
    		position: absolute;
    		width: 100%;
    		height: 100%;
    		top: 0;
    		left: 0;
    		background: url(../../images/qs-glow.png) no-repeat center center / cover;
    		opacity: 0.15;
    		z-index: 2;
    	}
    	.qs-form::after {
    		content: '';
			display: block;
			position: absolute;
			width: 100%;
			height: 35px;
			left: 0;
			bottom: -35px;
			background: url(../../images/qs-shadow.png) no-repeat center top / 100% auto;
    	}
    		.qs-pattern {
    			position: absolute;
    			width: 100%;
    			height: 100%;
    			top: 0;
    			left: 0;
    			overflow: hidden;
    			z-index: 1;
    		}
    		.qs-pattern::before {
    			content: '';
	    		display: block;
	    		position: absolute;
	    		width: 100%;
	    		height: 100%;
	    		top: 0;
	    		left: 0;
	    		background-image: url(../../images/pattern.png);
	    		background-position: center center;
	    		background-repeat: repeat;
	    		opacity: 0.5;
	    		z-index: 1;
	    	}
	    	.qs-pattern::after {
	    		content: '';
	    		display: block;
	    		position: absolute;
				width: 100%;
				height: 150%;
				bottom: 0;
				left: 0;
				background: -moz-radial-gradient(center, ellipse cover, rgba(23,23,23,0) 0%, rgba(23,23,23,0) 50%, var(--primary-color) 70%, var(--primary-color-dark) 100%);
			    background: -webkit-radial-gradient(center, ellipse cover, rgba(23,23,23,0) 0%,rgba(23,23,23,0) 50%,var(--primary-color) 70%,var(--primary-color-dark) 100%);
			    background: radial-gradient(ellipse at center, rgba(23,23,23,0) 0%,rgba(23,23,23,0) 50%,var(--primary-color-dark) 70%,var(--primary-color-dark) 100%);
			    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00171717', endColorstr='var(--primary-text-color)',GradientType=1 );
	    		z-index: 2;
	    	}
    		.qs-form-inner {
    			border: 1px solid rgba(255,255,255,0.2);
    			padding: 21px 0;
    			position: relative;
    			z-index: 3;
    		}
    		.qs-form-inner::after {
	    		content: '';
	    		display: block;
	    		position: absolute;
	    		width: 1px;
	    		height: 35px;
	    		bottom: -42px;
	    		left: 0;
	    		right: 0;
	    		margin: auto;
	    		background: #cecece;
	    	}
			.qs-form .field-input button {
				border-radius: 0;
				height: 36px;
				color: #4d4d4d !important;
			}
    			.qs-form form {

    			}
    				.qs-icon {
    					display: inline-block;
    					vertical-align: middle;
    					width: 8.62%;
    					text-align: center;
    				}
    					.qs-icon i {
    						font-size: 30px;
    						color: #ffffff;
    					}
    				.qs-form .field-input {
    					display: inline-block;
    					vertical-align: middle;
    				}
    				.qs-form .field-lg {
    					width: 34.21%;
    				}
    				.qs-form .field-sm {
    					width: 9.93%;
    					margin-left: 0.87%;
    				}
    					.qs-form .field-input select,
    					.qs-form .field-input input {
    						-webkit-appearance: none;
    						-moz-appearance: none;
    						appearance: none;
    						border: 0;
    						background-color: #ffffff;
    						width: 100%;
    						height: 36px;
    						font-size: 12px;
    						color: #4d4d4d;
    						letter-spacing: 0.03em;
    						padding: 0 20px;
    						outline: none;
    					}

						 .idx-broker-search .select2-container{
							width: 100% !important;
							display: block;
						}
						 .idx-broker-search .select2-container--default .select2-selection--multiple{
							appearance: none;
							border: 0;
							background-color: #ffffff;
							width: 100%;
							height: 36px;
							font-size: 12px;
							color: #4d4d4d;
							letter-spacing: 0.03em;
							outline: none;
							border-radius: 0;
							padding: 7px 12px;
						 }
						 	.idx-broker-search .select2-container .select2-selection--multiple .select2-selection__rendered{
								vertical-align: top;
								
							}
    					.qs-form .field-input select::-ms-expand {
    						display: none;
    					}
    					.qs-form .field-input select {
    						background-image: url(../../images/caret.png);
    						background-position: right center;
    						background-repeat: no-repeat;
    					}
    				.qs-form .form-btn {
    					display: inline-block;
    					vertical-align: middle;
    					width: 13.97%;
    					text-align: center;
    				}
	    				.qs-form input[type="submit"] {
	    					vertical-align: middle;
	    					-webkit-appearance: none;
	    					-moz-appearance: none;
	    					appearance: none;
	    					border: 0;
	    					background: none;
	    					outline: none;
	    					font: 400 22px var(--heading-font);
	    					color: #ffffff;
	    					letter-spacing: 0.04em;
	    					text-transform: uppercase;
	    				}
	    				.qs-form input[type="submit"]:hover {
	    					color: var(--hover-color);
	    				}
/* Hero : END */


/* Welcome : START */
#welcome {
	background: var(--primary-color);
	position: relative;
	font-size: 0;
	overflow: hidden;
}
#welcome::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../../images/pattern.png) var(--primary-color) repeat center center;
	z-index: 1;
}
#welcome::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 300%;
	bottom: 0;
	left: 0;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, var(--primary-color-dark) 120%, var(--primary-color) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, var(--primary-color-dark) 120%, var(--primary-color) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, var(--primary-color-dark) 120%, var(--primary-color) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='var(--primary-color-dark)', endColorstr='var(--primary-color-dark)', GradientType=0);
    z-index: 2;
}
	#welcome .container {
		position: relative;
		z-index: 3;
	}
	.welcome-txt {
		padding-top: 112px;
		padding-bottom: 98px;
	}
		.welcome-txt-inner {
			padding-right: 15px;
		}
		.welcome-title {
			border-bottom: 1px solid var(--primary-color-dark);
			padding-bottom: 40px;
			margin-bottom: 48px;
		}
			#welcome .welcome-title h1 {
				color: var(--secondary-text-color);

			}
				#welcome .welcome-txt h1 span {

				}
		.welcome-txt p {
			font-size: 16px;
			color: var(--secondary-text-color);
			line-height: 1.6;
			margin: 27px 0;
		}
		.welcome-txt a.site-btn {
			margin-top: 35px;
			background: #fff;
			color: var(--primary-color);
		}
	.welcome-img {
		text-align: center;
	}
        .welcome-img-inner {
            display: flex;
            flex-flow: row wrap;
            width: calc( (100vw - 1140px) / 2 + 100% );
            height: 100%;
        }
            .welcome-img img {
                display: block;
                width: 100%;
                object-position: bottom center;
                object-fit: cover;
                margin: auto 0;
            }
/* Welcome : END */

/* Properties : START */
#properties {
	font-size: 0;
}
	.properties-title {
		margin-bottom: 36px;
	}
	.properties-title::after {
		content: '';
		display: block;
		width: 58px;
		height: 1px;
		background: #b1b1b1;
		margin-top: 34px;
	}
		.properties-title h2 {
			font-size: 45px;
			letter-spacing: 0.02em;
		}
			.properties-title h2 span {
				margin-bottom: 3px;
			}
	.fp-img {

	}
		.fp-img-holder {
			width: calc( (100vw - 1140px) / 2 + 100% );
			height: 100%;
			position: relative;
		}
			.fp-img-slick {
				height: 100%;
			}
			.fp-img-slick * {
				height: 100%;
			}
				.fp-img-slide {

				}
				.fp-img-slick:not(.slick-initialized) .fp-img-slide {
					display: none;
				}
				.fp-img-slick:not(.slick-initialized) .fp-img-slide:first-child {
					display: block;
				}
					.fp-img-slide a {
						display: block;
						overflow: hidden;
					}
						.fp-img-slide canvas {
							display: block;
							width: 100%;
							background-color: var(--secondary-color);
							background-position: center center;
							background-repeat: no-repeat;
							background-size: cover;
							-webkit-transition: all 0.8s ease-in-out;
							-moz-transition: all 0.8s ease-in-out;
							-o-transition: all 0.8s ease-in-out;
							transition: all 0.8s ease-in-out;
						}
						.fp-img-slide a:hover canvas {
							transform: scale(1.2);
						}
			.fp-arrows {
				position: absolute;
				display: flex;
				flex-direction: column;
				top: 50%;
				left: 0;
				transform: translateY(-50%);
			}
				.fp-arrow {
					display: flex;
					align-items: center;
					justify-content: center;
					width: 60px;
					height: 60px;
					background: #ffffff;
					color: var(--tertiary-color);
					cursor: pointer;
					margin: 1px 0;
				}
				.fp-arrow:hover {
					background: var(--secondary-color);

					color: #ffffff;
				}
					.fp-arrow i {
						font-size: 16px;
					}
				.fp-prev {

				}
				.fp-next {
					background: var(--secondary-color);
					color: #ffffff;
				}
				.fp-next:hover {
					background:  var(--secondary-color-dark);
				}
	.fp-txt {
		padding-top: 94px;
		padding-bottom: 94px;
	}
		.fp-txt-holder {

		}
			.fp-txt-slick {

			}
				.fp-txt-slide {

				}
				.fp-txt-slick:not(.slick-initialized) .fp-txt-slide {
					display: none;
				}
				.fp-txt-slick:not(.slick-initialized) .fp-txt-slide:first-child {
					display: block;
				}
					.fp-address {
						font-size: 18px;
						color: #3d3d3d;
						line-height: 1.3;
						letter-spacing: 0.01em;
						margin-bottom: 20px;
						max-width: 320px;
					}
					.fp-price {
						font-size: 45px;
						color: #3d3d3d;
						line-height: 1;
						letter-spacing: 0.05em;
						margin-bottom: 25px;
					}
				.fp-txt-slide ul {
					margin-bottom: 30px;
				}
					.fp-txt-slide li {
						display: inline-block;
						vertical-align: middle;
						padding-right: 27px;
					}
					.fp-txt-slide li:last-child {
						padding-right: 0;
					}
						.fp-txt-slide li i {
							display: inline-block;
							vertical-align: middle;
							font-size: 13px;
							color: #8b8a8a;
							margin-right: 10px;
						}
						.fp-txt-slide li i.ai-font-showers-a {
							font-size: 15px;
						}
						.fp-txt-slide li span {
							display: inline-block;
							vertical-align: middle;
							font-size: 14px;
							font-weight: 300;
							color: #676262;
							line-height: 1;
						}
				.fp-txt-slide p {
					font-size: 13px;
					font-style: italic;
					color: #7d7d7d;
					line-height: 1.7;
					letter-spacing: 0.02em;
					max-width: 380px;
					margin-bottom: 35px;
				}

				.fp-txt-slide .site-btn{
					background-color: var(--secondary-color);
				}

/* Properties : END */

/* Social Feeds : START */
#social-feeds {
	background: #e9e9e9;
	position: relative;
	padding: 225px 0 140px;
	font-size: 0;
}
#social-feeds::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 555px;
	top: 0;
	left: 0;
	background: url(../../images/social-bg.jpg) no-repeat center center / cover;
}
	.sf-holder {
		position: relative;
	}
		.sf-row {
			position: relative;
		}
			.sf-heading {

			}
			.sf-body {

			}
				.sf-btns {
					display: flex;
					align-items: center;
					justify-content: center;
				}
					.sf-btns a {
						display: flex;
						align-items: center;
						justify-content: center;
						width: 150px;
						height: 38px;
						background: #8b898b;
						border-radius: 5px;
						margin: 5px;
						color: #ffffff;
					}
					.sf-btns a:hover {
						opacity: 0.7;
					}
						.sf-btns span {
							font-size: 11px;
							line-height: 1;
							letter-spacing: 0.02em;
						}
		#facebook-feed {
			background: var(--section-bg-color);
			margin-bottom: 38px;
		}
		#facebook-feed::after {
			content: '';
			display: block;
			position: absolute;
			width: calc( 100% + 116px );
			height: 56px;
			left: -58px;
			bottom: -56px;
			background: url(../../images/facebook-shadow.png) no-repeat center top / 100% auto;
		}
			.ff-bg {
				background: var(--section-bg-color);
				position: absolute;
				width: calc( 100% + 116px );
				height: calc( 100% - 108px );
				bottom: 0;
				left: -58px;
				z-index: 0;
			}
			.ff-bg::before {
				content: '';
				display: block;
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				background: url(../../images/pattern.png) var(--primary-color) repeat center center;
				opacity: 0.25;
				z-index: 1;
			}
			.ff-bg::after {
				content: '';
				display: block;
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				background: -moz-linear-gradient(top, var(--primary-colork) 0%, var(--primary-color-dark) 80%, var(--primary-color) 100%);
				background: -webkit-linear-gradient(top, var(--primary-colork) 0%, var(--primary-color-dark) 80%, var(--primary-colork) 100%);
				background: linear-gradient(to bottom, var(--primary-colork) 0%, var(--primary-color-dark) 80%, var(--primary-color) 100%);
				filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='var(--primary-color-dark)', endColorstr='var(--primary-color-dark)', GradientType=0);
			    z-index: 2;
			}
			#facebook-feed .sf-heading {
				padding: 44px 0 34px;
				border-bottom: 1px solid rgba(255,255,255,0.1);
				background: var(--primary-color-dark);
				position: relative;
				width: calc( 100% + 116px );
				margin-left: -58px;
			}
				#facebook-feed .sf-heading img {
					margin: auto;
				}
			#facebook-feed .sf-body {
				position: relative;
				padding: 62px 0;
			}
				.ff-col {
					margin-bottom: 20px;
				}
					.ff-head {
						display: flex;
						flex-direction: row;
						align-items: center;
						max-width: 360px;
						margin: auto auto 28px;
					}
						.ff-head-img {
							margin-right: 17px;
						}
							.ff-head-img canvas {
								display: block;
								background-color: var(--primary-color);
								background-position: center center;
								background-repeat: no-repeat;
								background-size: cover;
							}
						.ff-head-txt {
							width: calc( 100% - 80px );
						}
							.ff-head-txt strong {
								display: block;
								font-size: 21px;
								color: #ffffff;
								line-height: 1;
								margin-bottom: 6px;
							}
							.ff-head-txt span {
								display: block;
								font-size: 12px;
								color: #b7b7b7;
								line-height: 1.1;
								letter-spacing: 0.01em;
							}
					.ff-img {
						max-width: 360px;
						margin: auto auto 28px;
					}
						.ff-img a {
							display: block;
							overflow: hidden;
						}
							.ff-img canvas {
								display: block;
								width: 100%;
								background-color: var(--primary-color);
								background-position: center center;
								background-repeat: no-repeat;
								background-size: cover;
								-webkit-transition: all 0.8s ease-in-out;
								-moz-transition: all 0.8s ease-in-out;
								-o-transition: all 0.8s ease-in-out;
								transition: all 0.8s ease-in-out;
							}
							.ff-img a:hover canvas {
								transform: scale(1.2);
							}
					.ff-txt {
						max-width: 360px;
						margin: auto;
					}
						.ff-txt p {
							font-size: 13px;
							color: var(--secondary-text-color);
							line-height: 1.5;
							letter-spacing: 0.01em;
							margin-bottom: 26px;
						}
						.fb-links {
							font-size: 12px;
							color: #a9a9a9;
							line-height: 1;
							letter-spacing: 0.02em;
						}
							.fb-links a {
								-webkit-transition: all 0.35s ease-in-out;
								-moz-transition: all 0.35s ease-in-out;
								-o-transition: all 0.35s ease-in-out;
								transition: all 0.35s ease-in-out;
							}
							.fb-links a:last-of-type {
								color: #3b5997;
							}
							.fb-links a:hover {
								color: #ffffff;
							}
				.fb-btns {
					margin-top: 55px;
				}
					a.fb-likeus {
						background: #3b5997;
						width: 170px;
					}
					.fb-likeus i {
						font-size: 18px;
						margin-right: 8px;
					}
					.fb-likeus span {
						font-size: 13px;
						font-weight: 700;
						line-height: 1;
						letter-spacing: 0.06em;
						text-transform: uppercase;
					}
		#instagram-feed {

		}
			#instagram-feed .sf-heading {
				display: flex;
				flex-direction: row;
				align-items: center;
				padding: 58px 0;
			}
				#instagram-feed .sf-heading-left {
					display: flex;
					flex-direction: row;
					align-items: center;
					width: calc( 100% - 330px );
				}
					#instagram-feed .sf-heading-left i {
						width: 68px;
						height: 68px;
						border-radius: 50%;
						background: #6564e0;
						background: -moz-linear-gradient(45deg, #6564e0 0%, #7e56cc 25%, #a54caa 50%, #dc4581 75%, #ea4067 100%);
						background: -webkit-linear-gradient(45deg, #6564e0 0%,#7e56cc 25%,#a54caa 50%,#dc4581 75%,#ea4067 100%);
						background: linear-gradient(45deg, #6564e0 0%,#7e56cc 25%,#a54caa 50%,#dc4581 75%,#ea4067 100%);
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6564e0', endColorstr='#ea4067',GradientType=1 );
						color: #ffffff;
						text-align: center;
						padding-top: 14px;
						margin-right: 15px;
					}
					#instagram-feed .sf-heading-left i::before {
					    font-size: 42px;
					}
					#instagram-feed .sf-heading-left div {

					}
						#instagram-feed .sf-heading-left div strong {
							display: block;
							font-size: 19px;
							font-weight: 700;
							color: var(--primary-text-color);
							line-height: 1;
							letter-spacing: 0.02em;
							margin-bottom: 6px;
						}
						#instagram-feed .sf-heading-left div span {
							display: block;
							font-size: 12px;
							color: var(--primary-text-color);
							line-height: 1;
							letter-spacing: 0.02em;
						}
				#instagram-feed .sf-heading-right {
					width: 330px;
				}
					.ig-btns {
						text-align: right;
					}
					a.ig-follow {
						width: 170px;
						margin-right: 0;
						background: #6564e0;
						background: -moz-linear-gradient(45deg, #6564e0 0%, #7e56cc 25%, #a54caa 50%, #dc4581 75%, #ea4067 100%);
						background: -webkit-linear-gradient(45deg, #6564e0 0%,#7e56cc 25%,#a54caa 50%,#dc4581 75%,#ea4067 100%);
						background: linear-gradient(45deg, #6564e0 0%,#7e56cc 25%,#a54caa 50%,#dc4581 75%,#ea4067 100%);
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6564e0', endColorstr='#ea4067',GradientType=1 );
					}
						.ig-follow i {
							font-size: 18px;
							margin-right: 8px;
						}
						.ig-follow span {

						}
			#instagram-feed .sf-body {

			}
				#instagram-feed .sf-main-feed {
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
				}
					#instagram-feed .sf-main-feed a {
						position: relative;
						display: flex;
						width: 25%;
						overflow: hidden;
					}
						#instagram-feed .sf-main-feed canvas {
							display: block;
							width: 100%;
							background-color: var(--primary-color);
							background-position: center center;
							background-repeat: no-repeat;
							background-size: cover;
							-webkit-transition: all 0.8s ease-in-out;
							-moz-transition: all 0.8s ease-in-out;
							-o-transition: all 0.8s ease-in-out;
							transition: all 0.8s ease-in-out;
						}

						#instagram-feed .sf-main-feed video {
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
							object-fit: cover;
							object-position: center center;
							transition: all 0.8s ease-in-out;
						}
						
						#instagram-feed .sf-main-feed a:hover canvas,
						#instagram-feed .sf-main-feed a:hover video {
							transform: scale(1.2)
						}
/* Social Feeds : START */


/* Latest News : START */
#latest-news {
	background: var(--primary-color);
	position: relative;
	padding: 118px 0 108px;
	font-size: 0;
	overflow: hidden;
}
#latest-news::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../../images/pattern.png) var(--primary-color) repeat center center;
	opacity: 0.2;
	z-index: 1;
}
#latest-news::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 140%;
	top: 0;
	left: 0;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, var(--primary-color-dark) 80%, var(--primary-color) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, var(--primary-color-dark) 80%, var(--primary-color) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, var(--primary-color-dark) 80%, var(--primary-color) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='var(--primary-color-dark)', endColorstr='var(--primary-color-dark)', GradientType=0);
    z-index: 2;
}
	#latest-news .container {
		position: relative;
		z-index: 3;
	}
	.latest-news-title {
		text-align: center;
		margin-bottom: 65px;
	}
		.latest-news-title::before,
		.latest-news-title::after {
			content: '';
			display: inline-block;
			vertical-align: middle;
			width: calc( 50% - 209px );
			height: 1px;
			background: #000;
			opacity: 0.4;
		}
			.latest-news-title h2 {
				display: inline-block;
				vertical-align: middle;
				width: 418px;
				max-width: 100%;
			}
	.ln-holder {
		color: #ffffff;
	}

		#latest-news .ln-holder .row {
			display: flex;
			justify-content: space-between;
		}

			#latest-news .ln-holder .row .ln-col {
				width: calc(100% / 3 - 30px);
				background: #fff;
				margin-bottom: 40px;
			}
			.ln-col-inner {
				position: relative;
				max-width: 360px;
				margin: auto;
			}
			.ln-col-inner::after {
				content: '';
				display: block;
				position: absolute;
				width: 100%;
				height: 40px;
				bottom: -40px;
				background: url(../../images/ln-shadow.png) no-repeat center top / 100% auto;
			}
				.ln-img {

				}
					.ln-img a {
						display: block;
						overflow: hidden;
					}
						.ln-img canvas {
							display: block;
							width: 100%;
							background-color: var(--accent-color);
							background-position: center center;
							background-repeat: no-repeat;
							background-size: cover;
							-webkit-transition: all 0.8s ease-in-out;
							-moz-transition: all 0.8s ease-in-out;
							-o-transition: all 0.8s ease-in-out;
							transition: all 0.8s ease-in-out;
						}
						.ln-img a:hover canvas {
							transform: scale(1.2);
						}
				.ln-txt {
					background: #ffffff;
					padding: 26px 24px 36px;
					min-height: 280px;
				}
					.ln-title {
						margin-bottom: 12px;
					}
						.ln-title a {
							display: inline-block;
							font-size: 16px;
							font-weight: 700;
							color: var(--primary-text-color);
							line-height: 1.6;
							text-transform: uppercase;
							-webkit-transition: all 0.35s ease-in-out;
							-moz-transition: all 0.35s ease-in-out;
							-o-transition: all 0.35s ease-in-out;
							transition: all 0.35s ease-in-out;
						}
						.ln-title a:hover {
							color: var(--primary-text-color);
						}
					.ln-txt p {
						font-size: 13px;
						color: var(--primary-text-color);
						line-height: 1.5;
						letter-spacing: 0.01em;
						margin-bottom: 27px;
					}
					.ln-readmore,
					a.ln-readmore {
						display: inline-block;
						font-size: 14px;
						color: #fff;
						line-height: 1;
						letter-spacing: 0.1em;
						text-transform: uppercase;
						-webkit-transition: all 0.35s ease-in-out;
						-moz-transition: all 0.35s ease-in-out;
						-o-transition: all 0.35s ease-in-out;
						transition: all 0.35s ease-in-out;
						background: var(--primary-color);
						padding: 10px;

					}
					.ln-readmore:hover {
						background: var(--primary-color-dark);
						opacity: 0.8;
					}
/* Latest News : END */

/* Contact Form : START */
#contact-form {
	background: url(../../images/contact-bg.jpg) no-repeat center center / cover;
	position: relative;
	padding: 134px 0 118px;
	font-size: 0;
}
#contact-form::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(23,23,23,0.18);
	z-index: 0;
}
	#contact-form .container {
		position: relative;
		z-index: 1;
	}
		.cf-holder {
			background: #e6e7ea;
			max-width: 880px;
			margin: auto;
			padding: 65px 80px 72px;
		}
			.contact-form-title {
				text-align: center;
				margin-bottom: 42px;
			}
				.contact-form-title h2 {

				}
			.cf-holder .field-input {
				display: inline-block;
				vertical-align: middle;
			}
			.cf-holder .field-lg {
				width: 100%;
			}
			.cf-holder .field-sm {
				width: calc( 50% - 15px );
				margin-right: 30px;
				margin-bottom: 40px;
			}
			.cf-holder .field-nomar {
				margin-right: 0;
			}
				.cf-holder .field-input input,
				.cf-holder .field-input select,
				.cf-holder .field-input textarea {
					-webkit-appearance: none;
					-moz-appearance: none;
					appearance: none;
					border: 1px solid transparent;
					border-bottom: 1px solid #000000;
					background: none;
					font-size: 12px;
					color: #000000;
					letter-spacing: 0.1em;
					text-transform: uppercase;
					padding: 0 5px;
					outline: none;
					width: 100%;
					height: 52px;
					 transition: all 0.3s ease-in-out;

				}
				.cf-holder .field-input textarea {
					padding-top: 20px;
					resize: none;
					height: 82px;
				}

				.cf-holder .field-input input:focus,
				.cf-holder .field-input select:focus,
				.cf-holder .field-input textarea:focus {
					border-color: #000000;
					outline: 0;
					-webkit-box-shadow: inset 0 1px 1px #000000, 0 0 8px #000000;
					box-shadow: inset 0 0 1px #000000, 0 0 8px #000000;
				}
			.cf-holder input[type="submit"] {
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				border: 0;
				width: 192px;
				height: 50px;
				font-size: 14px;
				color: #ffffff;
				letter-spacing: 0.1em;
				text-transform: uppercase;
				background: var(--secondary-color);
				display: block;
				margin: 62px auto auto;
			}
			.cf-holder .field-input .cf-nextmove-label {
				font-size: 16px;
				text-align: center;
				color: #000;
			}
			.cf-holder .field-input .wpcf7-checkbox,
			.cf-holder .field-input .wpcf7-radio {
				display: flex;
				flex-flow: row wrap;
				justify-content: center;
				margin: 30px 0 0;
				gap: 22px;
			}
			.cf-holder .field-input input[type="checkbox"],
			.cf-holder .field-input input[type="radio"] {
				display: none;
			}
				.cf-holder .field-input input[type="checkbox"] + .wpcf7-list-item-label,
				.cf-holder .field-input input[type="radio"] + .wpcf7-list-item-label {
					font-size: 14px;
					color: #000000;
					letter-spacing: 0.1em;
					text-transform: uppercase;
					display: flex;
					align-items: center;
					cursor: pointer;
				}
					.cf-holder .field-input input[type="checkbox"] + .wpcf7-list-item-label::before,
					.cf-holder .field-input input[type="radio"] + .wpcf7-list-item-label::before {
						position: relative;
						width: 15px;
						height: 15px;
						border: 1px solid #000;
						display: inline-block;
						vertical-align: middle;
						margin-right: 14px;
					}
					.cf-holder .field-input input[type="checkbox"]:checked + .wpcf7-list-item-label::before,
					.cf-holder .field-input input[type="radio"]:checked + .wpcf7-list-item-label::before {
						content: '✔';
						padding: 1px 2px 0px;
						font-size: 12px;
					}
			.cf-holder .wpcf7 {
				position: relative;
			}
			.cf-holder input[type="submit"]:hover {
				background: var( --secondary-color-dark);
				opacity: 0.8;
			}
			.cf-holder .wpcf7-form-control-wrap {
	            display: block;
	        }
	        .cf-holder .use-floating-validation-tip span.wpcf7-not-valid-tip {
				top: 50%;
				right: 0;
				left: auto;
				width: auto;
				font-size: 12px;
				position: absolute;
				transform: translate(0, -50%);
				padding: 0.55em 1em 0.5em;
	        }
	        .cf-holder div.wpcf7 .ajax-loader {
	            position: absolute;
	            margin: auto;
	            left: 0;
	            right: 0;
	            bottom: -15px;
	        }
	        .cf-holder div.wpcf7-response-output {
	            font-size: 14px;
	            color: #000000 !important;
	            padding: 5px 0;
	            margin: 10px 0;
	            width: 100%;
	            position: absolute;
	            text-align: center;
	        }
/* Contact Form : END */
/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (min-width: 1366px) {

}

@media only screen and (min-width: 1500px) {

}

@media only screen and (max-width: 1365px) {
	#hero {

	}
		.floating-contact-smis {
			right: 15px;
		}
}

/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */
@media only screen and (max-width: 1199px) {

	#properties {

	}
		.fp-img-holder {
    		width: calc( (100vw - 940px) / 2 + 100% );
    	}

    #latest-news {

    }
    	.ln-txt {
    		padding-left: 12px;
    		padding-right: 12px;
    	}

    .welcome-img-inner {
        width: calc( (100vw - 940px) / 2 + 100% );
    }
}

/* iPad(portrait) | Galaxy Tab 4(portrait)  */
@media only screen and (max-width: 991px) {

	#hero {

	}
		.qs-holder {
			position: relative;
			padding: 50px 0;
		}
		.qs-form-inner p {
			text-align: center;
			padding: 15px 0;
		}
			.qs-toggle {
				animation-name: none !important;
			}
			.qs-toggle a {
				color: var(--primary-text-color);
				pointer-events: none;
			}
			.qs-toggle a::after {
				display: none;
			}
				.qs-toggle span {
					display: none;
				}
			.qs-form {
				display: block;
				max-width: 360px;
				margin: 20px auto auto;
			}
				.qs-form-inner {
					padding-left: 5px;
					padding-right: 5px;
				}
				.qs-form-inner::after {
					display: none;
				}
				.qs-icon {
					width: 100%;
					margin-bottom: 20px;
				}
				.qs-form .field-input {
					margin: 2px 0;
				}
				.qs-form .field-lg {
					width: 100%;
				}
				.qs-form .field-sm {
					width: calc( 50% - 2px );
					margin-left: 0;
					margin-right: 4px;
				}
				.qs-form .field-nomar {
					margin-right: 0;
				}
				.qs-form .form-btn {
					width: 100%;
				}
	#communities {

	}
		.communities-title::before,
		.communities-title::after {
			display: none;
		}
	#welcome {
		text-align: center;
	}
		.welcome-txt-inner {
			padding-right: 0;
		}

        .welcome-img-inner {
            width: 100%;
            display: block;
        }

        .welcome-img img {
            width: auto;
            height: auto;
            margin: 0 auto;
        }

	#properties {
		padding: 50px 0 0;
		text-align: center;
	}
		.properties-title::after {
			margin-left: auto;
			margin-right: auto;
		}
		.fp-img-holder {
			width: 100%;
		}
		.fp-arrows {
			width: 100%;
			flex-direction: row;
			justify-content: space-between;
		}
		.fp-address,
		.fp-price,
		.fp-txt-slide ul,
		.fp-txt-slide p {
			max-width: 360px;
			margin-left: auto;
			margin-right: auto;
		}


	#social-feeds {

	}
		.ff-bg {
			width: calc( 100% + 30px );
			left: -15px;
		}
		#facebook-feed .sf-heading {
			width: calc( 100% + 30px );
			margin-left: -15px;
		}
		#instagram-feed .sf-heading {
			flex-direction: column;
		}
			#instagram-feed .sf-heading-left {
				justify-content: center;
				width: 100%;
			}
			#instagram-feed .sf-heading-right {
				margin-top: 20px;
			}
			a.ig-follow {
				margin-right: 5px;
			}

	#latest-news {
		padding: 0 15px;
	}

		#latest-news .ln-holder .row{
			flex-flow: column;
			
		}
		.latest-news-title::before,
		.latest-news-title::after {
			display: none;
		}
			#latest-news .ln-holder .row .ln-col{
				width: 100%;
			}
}

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */
@media only screen and (max-width: 767px) {
	#social-feeds {

	}
		#instagram-feed {

		}
			#instagram-feed .sf-main-feed a {
				width: 50%;
			}
	#contact-form {

	}
		.cf-holder {
			padding-left: 40px;
			padding-right: 40px;
		}

		.cf-holder .field-input .cf-nextmove-label {
			text-align: left;
			font-size: 14px;
		}

			.cf-holder .field-input .wpcf7-checkbox,
			.cf-holder .field-input .wpcf7-radio {
				flex-direction: column;
				gap: 16px;
			}

			.cf-holder .field-input input[type="checkbox"] + .wpcf7-list-item-label,
			.cf-holder .field-input input[type="radio"] + .wpcf7-list-item-label {
				font-size: 12px;
			}
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */
@media only screen and (max-width: 480px) {
	#hero {

	}
		.qs-toggle strong {
			font-size: 28px;
		}

	#social-feeds {

	}
		.sf-btns {
			flex-direction: column;
		}
			.sf-btns a {
				width: 170px;
			}

	#contact-form {

	}
		.cf-holder {
		    padding-left: 15px;
		    padding-right: 15px;
		}
		.cf-holder .field-sm {
			width: 100%;
			margin-right: 0;
			margin-bottom: 15px;
		}
}