.ip-banner, #content .entry-title {
	display: none;
}
#inner-page-wrapper {
	margin-bottom: 0;
}
#inner-page-wrapper > .container {
	width: 100%;
	padding: 0;
}
#content-sidebar, #content-full {
	margin-top: 0;
}

.ip-cities-banner {
	font-size: 0;
	position: relative;
}
	.ip-cities-banner::before {
		width: 100%;
		height: 100%;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		background-color: #000000;
		opacity: 0.45;
	}
	.ip-cities-banner canvas {
		width: 100%;
		height: auto;
		min-height: 250px;
		display: block;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.ip-custom-breadcrumbs {
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
	}
		.ip-custom-breadcrumbs #breadcrumbs {
			color: #ffffff;
			font-size: 11px;
			font-family: var(--PTSansNarrow);
			letter-spacing: 0.15em;
			text-transform: uppercase;
		}
			.ip-custom-breadcrumbs #breadcrumbs a {
				color: #ffffff;
			}

.ip-cities-outer-wrap {
	padding: 75px 0 120px;
	text-align: center;
	position: relative;
}
	.ip-cities-outer-wrap::before {
		width: 19.75%;
		max-width: 316px;
		height: 1137px;
		max-height: 100%;
		content: '';
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		background-image: url(../../images/cities/cities-accent.jpg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.ip-cities-title {
		display: inline-block;
		vertical-align: top;
		color: #939393;
		font-size: 24px;
		font-family: var(--PTSansNarrow);
		line-height: 1.2;
		letter-spacing: 0.4em;
		text-transform: uppercase;
	}
		.ip-cities-title span {
			display: block;
			color: #555555;
			font-size: 80px;
			font-family: var(--CormorantGaramond);
			line-height: 1;
			letter-spacing: 0.02em;
			position: relative;
		}
			.ip-cities-title span::before {
				width: 200%;
				height: 1px;
				content: '';
				position: absolute;
				top: 37px;
				right: 100%;
				margin-right: 20px;
				background-color: #c6c6c6;
			}
	.ip-cities-description {
		margin-top: 15px;
		color: #555555;
		font-size: 15px;
		line-height: 23px;
		letter-spacing: 0.03em;
	}
	.ip-cities-inner-wrap {
		margin-top: 60px;
	}
		.ip-cities-inner-wrap > .custom-container {
			max-width: 1430px;
		}
		.ip-cities-item-wrap {
			font-size: 0;
		}
			.ip-cities-item {
				width: calc(100% / 3);
				display: inline-block;
				vertical-align: top;
				padding: 0 1px 2px;
			}
				.ip-cities-item a {
					width: 100%;
					height: 100%;
					display: block;
					position: relative;
				}
				.ip-cities-photo {
					background-color: #000000;
				}
					.ip-cities-photo canvas {
						width: 100%;
						height: auto;
						display: block;
						background-size: cover;
						background-position: center;
						background-repeat: no-repeat;
						opacity: 0.7;
						-webkit-transition: all 0.3s ease-in-out;
						-moz-transition: all 0.3s ease-in-out;
						-ms-transition: all 0.3s ease-in-out;
						-o-transition: all 0.3s ease-in-out;
						transition: all 0.3s ease-in-out;
					}
				.ip-cities-text {
					width: 90%;
					max-width: 259px;
					position: absolute;
					z-index: 2;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					font-family: var(--PTSansNarrow);
				}
					.ip-cities-name {
						width: 100%;
						padding: 25px 0;
						color: #ffffff;
						font-size: 30px;
						line-height: 1;
						letter-spacing: 0.1em;
						text-transform: uppercase;
						background-color: rgba(0,0,0,0.70); 
						margin-top: 60px;
						-webkit-transition: all 0.3s ease-in-out;
						-moz-transition: all 0.3s ease-in-out;
						-ms-transition: all 0.3s ease-in-out;
						-o-transition: all 0.3s ease-in-out;
						transition: all 0.3s ease-in-out;
					}
					.ip-cities-button {
						width: 100%;
						padding: 32px 0;
						font-size: 15px;
						color: #000000;
						line-height: 1;
						letter-spacing: 0.16em;
						text-transform: uppercase;
						background-color: #ffffff;
						opacity: 0;
						-webkit-transition: all 0.3s ease-in-out;
						-moz-transition: all 0.3s ease-in-out;
						-ms-transition: all 0.3s ease-in-out;
						-o-transition: all 0.3s ease-in-out;
						transition: all 0.3s ease-in-out;
					}
                
                .ip-cities-item a:hover .ip-cities-name {
                	 margin-top: 0;
                }

				.ip-cities-item a:hover .ip-cities-button {
					opacity: 1
				}
				.ip-cities-item a:hover .ip-cities-photo canvas {
					filter: grayscale(1);
				}


/* MOBILE */
@media only screen and (max-width: 1199px) {

}

@media only screen and (max-width: 991px) {
	.ip-cities-title span::before, .ip-cities-outer-wrap::before {
		display: none;
	}
	.ip-cities-item {
		width: 100%;
		max-width: 466px;
	}
}

@media only screen and (max-width: 767px) {
	.ip-cities-title span {
		font-size: 40px;
	}
}

@media only screen and (max-width: 480px) {
	.ip-cities-name {
		font-size: 25px;
	}
}