/* Featured Areas CSS */

/* Breadcrumbs : START */
.communities-breadcrumbs {
    position: relative;
    width: 1330px;
    max-width: 100%;
    padding: 50px 15px 66px;
    margin: 0 auto;
}
    .communities-breadcrumbs #breadcrumbs {
        font: 400 12px/1.2 "tradegothic", sans-serif;
        color: #333333;
        letter-spacing: 0.025em;
        text-transform: uppercase;
    }
    .communities-breadcrumbs #breadcrumbs span.breadcrumb_last {
        font-family: "tradegothicbold", sans-serif;
    }
/* Breadcrumbs : END */

.header {
	position: relative;
	background: #000;
}
.ip-banner {
	display: none;
}
#inner-page-wrapper {
	margin-bottom: 0;
}
div#inner-page-wrapper > .container {
	width: 100%;
	padding: 0;
}
div#ip-featuredareas-wrapper {
/*	padding: 110px 0 0;*/
	z-index: 1;
}
div#ip-featuredareas-wrapper::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 700px;
	background-image: url('../../images/featured-areas/ip-fa-upper-bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	pointer-events: none;
	z-index: -1;
}
div#ip-featuredareas-wrapper::after {
	content: "";
	position: absolute;
	top: -136px;
    right: -62px;
	width: 815px;
    height: 766px;
	background-image: url('../../images/featured-areas/ip-fa-logo-overlay.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	pointer-events: none;
	opacity: .06;
	z-index: -1;
}
.ip-featuredareas-heading {
	text-align: center;
}
	.ip-featuredareas-heading .hp-global-heading-bottom-text {
		font-size: 114px;
		margin-top: 28px;
	}
.ip-featuredareas-list {
	position: relative;
	margin-top: 236px;
	padding-bottom: 254px;
	z-index: 1;
}
.ip-featuredareas-list::before {
	content: "";
	position: absolute;
	top: -164px;
	left: 0;
	width: 43.75%;
	height: 778px;
	background-image: url('../../images/featured-areas/fa-dark-overlay.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	pointer-events: none;
	z-index: -1;
}
.ip-featuredareas-list::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 25.18%;
	height: 877px;
	background-image: url('../../images/featured-areas/fa-dark-overlay.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	pointer-events: none;
	z-index: -1;
}
.safari .ip-featuredareas-list::before,
.safari .ip-featuredareas-list::after {
	background-attachment: scroll;
}
.ip-featuredareas-list span {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 76.87%;
	height: 126px;
	background-image: url('../../images/featured-areas/fa-dark-overlay.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	pointer-events: none;
	z-index: -1;
}
	.ip-featuredareas-list-inner-wrapper {
		position: relative;
		max-width: 1292px;
		margin: 0 auto;
		z-index: 1;
	}
	.ip-featuredareas-list-inner-wrapper::before {
		content: "";
		position: absolute;
		top: -34px;
		left: -22px;
		width: 37.313vw;
		height: 650px;
		background-color: #fff;
		pointer-events: none;
		z-index: -1;
	}
	.ip-featuredareas-list-inner-wrapper::after {
		content: "";
		position: absolute;
		bottom: -34px;
		right: -22px;
		width: 37.313vw;
		height: 670px;
		background-color: #fff;
		pointer-events: none;
		z-index: -1;
	}
		.ip-featuredareas-item {
			display: inline-block;
			vertical-align: top;
			width: 33.33%;
			padding: 0 8px;
			margin-bottom: 16px;
		}
			.ip-featuredareas-item a {
				display: block;
				position: relative;
				z-index: 1;
			}
			.ip-featuredareas-item a::before {
				content: "";
				position: absolute;
				top: 0;
				left: 66px;
				width: 1px;
				height: 60.31%;
				background-color: #cccccc;
				opacity: .66;
				pointer-events: none;
				z-index: 2;
			}
			.ip-featuredareas-item a::after {
				content: "";
				position: absolute;
				top: calc(60.31% + 6px);
				left: 39px;
				width: 49px;
				height: 44px;
				background-image: url('../../images/featured-areas/ak-small-icon.png');
				background-size: contain;
				background-position: center;
				background-repeat: no-repeat;
				pointer-events: none;
				z-index: 2;
			}
				.ip-featuredareas-item-photo {
					position: relative;
				}
				.ip-featuredareas-item-photo::before {
					content: "";
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background-color: #000;
					opacity: .28;
					pointer-events: none;
					-webkit-transition: all .4s ease-in-out;
					-moz-transition: all .4s ease-in-out;
					-ms-transition: all .4s ease-in-out;
					transition: all .4s ease-in-out;
					z-index: 1;
				}
				.ip-featuredareas-item a:hover .ip-featuredareas-item-photo::before {
					opacity: .44;
				}
					.ip-featuredareas-item-photo canvas {
						display: block;
						width: 100%;
						background-size: cover;
						background-position: center;
						background-repeat: no-repeat;
						-webkit-transition: all .4s ease-in-out;
						-moz-transition: all .4s ease-in-out;
						-ms-transition: all .4s ease-in-out;
						transition: all .4s ease-in-out;
					}
					.ip-featuredareas-item a:hover .ip-featuredareas-item-photo canvas {
						filter: grayscale(1);
					}
				.ip-featuredareas-item-name {
					position: absolute;
					top: 80%;
					left: 45px;
					font-family: "ivarfine";
					font-size: 38px;
					font-weight: 400;
					color: #fff;
					letter-spacing: 0.06em;
					z-index: 1;
				}
		

/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (max-width: 1440px) {
	.ip-featuredareas-list-inner-wrapper::before {
		width: 40.313vw;
	}
}

@media only screen and (max-width: 1366px) {
	.ip-featuredareas-list-inner-wrapper::before {
		width: 43.313vw;
	}
}

@media only screen and (max-width: 1299px) {
	.ip-featuredareas-list-inner-wrapper::before {
		width: 46.313vw;
	}
}

@media only screen and (max-width: 1199px) {
	.ip-featuredareas-item-name {
		font-size: 30px;
	}
}

@media only screen and (max-width: 991px) {
	div#ip-featuredareas-wrapper {
		padding: 76px 0 0;
	}
	.communities-breadcrumbs {
		padding: 37px 15px 40px;
	}
	.ip-featuredareas-list {
		margin-top: 50px;
		padding: 0 8px 60px;
	}
	div#ip-featuredareas-wrapper::before,
	div#ip-featuredareas-wrapper::after,
	.ip-featuredareas-list::before,
	.ip-featuredareas-list::after,
	.ip-featuredareas-list span {
		display: none;
	}
	.ip-featuredareas-heading .hp-global-heading-bottom-text {
		font-size: 88px;
	}
	.ip-featuredareas-item {
		width: 50%;
	}
}

@media only screen and (max-width: 767px) {
	.ip-featuredareas-heading .hp-global-heading-bottom-text {
		font-size: 69px;
	}
	.ip-featuredareas-item {
		display: block;
		width: 100%;
		max-width: 480px;
		margin: 0 auto 16px;
	}
}

@media only screen and (max-width: 480px) {
	.ip-featuredareas-heading .hp-global-heading-bottom-text {
		font-size: 49px;
	}
	.ip-featuredareas-item-name {
		top: 83%;
		left: 39px;
		font-size: 27px;
	}
}