/*
*
Template Name: Cities
*
*/
.ip-banner {
	display: none;
 }

 .citdet-banner {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 0;
 }

 .citdet-banner:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0.6;
 }

 .citdet-banner:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../../images/overlay-logo.png) calc(100% - min(5.9375vw,95px)) center no-repeat;
	background-size: auto 100%;
	opacity: 0.05;
 }

 .citdet-banner canvas {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
 }

 #inner-page-wrapper {
	margin-bottom: 102px;
	background: #000;
 }

 #inner-page-wrapper > .container {
	width: 100%;
	padding: 0 0;
 }

 #citdet-ip {
	/* padding: 40px 0 117px; */
	/* padding: 40px 0 90px; */
	color: #fff;

	padding: 0px !important;
 }

 .citdet-wrap {
	position: relative;
	z-index: 1;
 }

 .citdet-title h1,
 .citdet-title h2 {
	font-family: var(--font-family-title);
	font-weight: 900;
	font-size: 120px;
	letter-spacing: -0.040em;
	line-height: 1;
 }

 .citdet-intro {
	/* margin: 51px 0 0; */
 }

 .citdet-desc {
	line-height: 1.667;
	font-size: 16px;
 }

 .citdet-desc > p:not(:first-child) {
	margin: 0 0 15px 0;
 }

 .citdet-desc p.lg {
	line-height: 1.2;
	font-size: 2em;
	font-weight: 500;
 }

 .citdet-desc p:has(img) {
	margin: 0 0 15px;
 }

 .citdet-desct .wp-caption img, .citdet-desc p img {
	/* margin-top: 25px; */
	padding-top: 25px;
 }

 .citdet-desc p.lg em {
	font-family: var(--font-family-title);
	font-weight: 900;
 }

 .citdet-desc a {
	text-decoration: underline;
	color: #d6d6d6;
 }

 .citdet-desc ul {
 }

 .citdet-desc ul li {
	margin: 25px 0 0;
	position: relative;
 }

 .citdet-desc ul {
 }

 .citdet-desc ul li {
	margin: 25px 0 0;
	position: relative;
 }

 .citdet-desc ul:has(ul,ol) strong, .citdet-desc ol:has(ul,ol) strong {
	margin-bottom: 10px;
	display: block;
 }

 .citdet-desc ul li:first-child {
	margin: 0 0 0;
 }

 .citdet-featimg {
	margin: 60px 0;
 }

 .citdet-featimg img {
	margin: 0 auto;
 }

 .citdet-listings {
	/*margin: 45px 0 0;*/
	margin: 0;
 }

 .props-wrap {
 }

 .props-items {
	max-width: calc(100% - 20px);
	margin: 0 auto;
 }

 .props-top {
	margin: 0 0 59px;
 }

 .props-title {
	font-family: var(--font-family-title);
	font-weight: 900;
	font-size: 90px;
	line-height: 1;
 }

 .props-vm {
 }

 .props-single {
 }

 .props-single a {
	display: block;
	position: relative;
 }

 .props-single-inner {
	position: relative;
	overflow: hidden;
	box-shadow: 0 min(0.625vw,5px) min(5vw,40px) 0 rgba(0, 0, 0, 0.55);
 }

 .props-photo {
 }

 .props-photo::before {
	content: '';
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 38%, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 0.06) 54%, rgba(0, 0, 0, 0.21) 68%, rgba(0, 0, 0, 0.52) 87%, rgba(0, 0, 0, 0.64) 95%, rgba(0, 0, 0, 0.69) 100%);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transition: all 0.3s ease-in-out;
 }

 .props-single a:hover .props-photo::before {
	opacity: 0;
 }

 .props-photo::after {
	content: '';
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transition: all 0.3s ease-in-out;
 }

.props-single .props-info .props-mls {
    display: flex;
    flex-direction: column;
    align-items: end;
    width: 50%;
}

.props-single .props-info .props-mls span {
    text-align: right;
}

 .props-single a:hover .props-photo::after {
	opacity: 0.55;
 }

 .props-single a:hover .props-photo img {
	filter: grayscale(1);
 }

 .props-photo img.overlay-logo {
	object-fit: scale-down;
	padding: min(1.875vw,15px);
	opacity: 0;
	transform: scale(0);
	transition: all 0.3s ease-in-out;
 }

 .props-single a:hover .props-photo img.overlay-logo {
	transform: scale(1);
	opacity: 0.32;
 }

 .props-info {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	padding: min(3.75vw,30px);
	transform: translateY(min(17.5vw,140px));
	transition: all 0.3s ease-in-out;
	transition-delay: 0s;
 }

 .props-single.hovered .props-info {
	transition-delay: 0.1s;
 }

 .props-single a:hover .props-info {
	transform: translateY(0);
 }

 .props-price {
	display: flex;
	flex-flow: column;
 }

 .props-price::after {
	content: '';
	width: min(8.75vw,70px);
	height: 1px;
	background: #fff;
	opacity: 0.55;
	margin: min(2.5vw,20px) 0;
 }

 .props-price span {
	display: block;
	font-size: min(3.75vw,30px);
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #fff;
	text-transform: uppercase;
 }

 .props-address {
	margin: 0 0 min(1.25vw,10px);
 }

 .props-address h2 {
	font-size: min(2.75vw,22px);
	font-weight: 500;
	letter-spacing: 0.1em;
	color: #fff;
	text-transform: uppercase;
 }

 .props-address span {
	display: block;
	font-size: min(1.625vw,13px);
	font-weight: 300;
	letter-spacing: 0.2em;
	color: #fff;
	text-transform: uppercase;
	margin: 1px 0 0;
 }

 .props-bbs {
	display: flex;
	flex-flow: row wrap;
	margin: 0 0 min(5.25vw,42px);
	opacity: 0;
	transition: all 0.3s ease-in-out;
	transition-delay: 0.1s;
 }

 .props-single.hovered .props-bbs {
	transition-delay: 0s;
 }

 .props-single a:hover .props-bbs {
	opacity: 1;
 }

 .props-bbs span {
	display: block;
	font-size: min(1.5vw,12px);
	font-weight: 400;
	letter-spacing: 0.1em;
	color: #fff;
	text-transform: uppercase;
 }

 .props-bbs span:not(:last-child) {
	margin: 0 min(2.5vw,20px) 0 0;
 }

 .props-button {
	opacity: 0;
	transition: all 0.3s ease-in-out;
	transition-delay: 0.1s;
 }

 .props-single.hovered .props-button {
	transition-delay: 0s;
 }

 .props-single a:hover .props-button {
	opacity: 1;
 }

 .props-button span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: min(27.500vw,220px);
	height: min(8.75vw,70px);
	background: transparent;
	font-size: min(1.625vw,13px);
	font-weight: 300;
	letter-spacing: 0.1em;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	padding: 0 0 0 0.1em;
	transition: all 0.3s ease-in-out;
 }

 .props-single a:hover .props-button span {
	background: var(--secondary);
 }

 .citdet-mid {
	padding: 40px 0 0;
 }

 .citdet-intro2 {
 }

 .citdet-mid-img {
 }

 .citdet-mid-img img {
	margin: 0 auto;
 }

 .citdet-links {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: center;
	margin: 40px 0 0;
 }

 .citdet-links .citdet-cat {
	width: calc(100% / 6);
 }

 .citdet-cat a {
	display: block;
	position: relative;
	color: #fff;
	pointer-events: none;
 }

 .citdet-cat a .citdet-img {
	position: relative;
	z-index: 0;
	background: #000;
 }

 .citdet-cat a .citdet-img:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../../images/cities/citdet-fade_01.png) center bottom no-repeat;
	background-size: cover;
 }

 .citdet-cat a .citdet-img canvas {
	display: block;
	width: 100%;
	position: relative;
	z-index: 0;
	height: auto;
 }

 .citdet-cat a .citdet-img img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	opacity: 1;
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
 }

 .citdet-cat:hover .citdet-img img {
	opacity: 0.55;
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
 }

 .citdet-cat a .citdet-def {
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 20px 30px;
	opacity: 1;
	pointer-events: none;
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
 }

 .citdet-cat:hover .citdet-def {
	opacity: 0;
 }

 .citdet-cat a .citdet-def span {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.100em;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
 }

 .citdet-cat a .citdet-def span:after {
	content: '';
	display: block;
	width: 70px;
	height: 1px;
	background: #fff;
	opacity: 0.55;
	margin: 23px 0 0;
 }

 .citdet-cat a .citdet-hover {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	opacity: 0;
	display: flex;
	align-items: center;
	padding: 43px 20px 0;
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
 }

 .citdet-cat:hover .citdet-hover {
	opacity: 1;
 }

 .citdet-cat a .citdet-hover span {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.100em;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
 }

 .citdet-cat a .citdet-hover span:after {
	content: '';
	display: block;
	width: 70px;
	height: 1px;
	background: #fff;
	opacity: 0.55;
	margin: 23px 0 0;
 }

 .citdet-cat a .citdet-hover ul {
	padding: 29px 10px 0 18px;
 }

 .citdet-cat a .citdet-hover li {
	margin: 17px 0 0;
 }

 .citdet-cat a .citdet-hover li:first-child {
	margin: 0 0 0;
 }

 .citdet-cat a .citdet-hover li em {
	font-style: normal;
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 0.100em;
	text-transform: uppercase;
	display: inline-block;
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
 }

 .citdet-cat a .citdet-hover li em:hover {
	font-weight: 500;
 }

 .citdet-bottom {
	margin: 40px 0 110px;
 }

 .citdet-intro3 {
 }

 .citdet-bottom-img {
	margin: 68px 0 0;
 }

 .citdet-bottom-img img {
	margin: 0 auto;
 }

 .citdet-desc h1:first-child {
	padding-top: 0px;
 }

 .citdet-desc h1 {
	font-size: 36px;
	/*line-height: 53px;*/
	line-height: 1;
	font-weight: 500;
	letter-spacing: 0px;
	color: #ffffff;
	margin-bottom: 25px !important;
 }

 .citdet-desc h2 {
	color: #ffffff;
	font-size: 30px;
	line-height: 25px;
	font-weight: 500;
	letter-spacing: 0px;
	margin: 0 0 25px !important;
 }

 .citdet-desc h3 {
	color: #ffffff;
	font-size: 26px;
	line-height: 25px;
	font-weight: 500;
	letter-spacing: 0px;
	margin-bottom: 15px;
 }

 .citdet-desc h4 {
	text-transform: capitalize;
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	letter-spacing: 0px;
	color: #ffffff;
	margin-bottom: 15px;
 }

 .citdet-desc h1, .citdet-desc h2, .citdet-desc h3, .citdet-desc h4 {
	padding-top: 25px;
 }

 .citdet-desc p img {
	margin-top: 25px;
 }

 .citdet-desc p iframe {
	margin-top: 15px;
	max-width: 100%;
	width: 80%;
 }

 .citdet-desc p:has(iframe) {
	line-height: normal;
	font-size: 0;
	text-align: center;
 }

/*body.single-aios-cities h2.browse-title {*/
body.single-aios-cities .citdet-intro h2 {
	color: #ffffff;
	/*font-size: 16px;*/
	font-size: 30px;
	line-height: 1;
	font-weight: 400;
	letter-spacing: 0px;
	margin-bottom: 25 !important;
	margin-top: 40px !important;
	padding-top: 25px;
	text-align: center;
}
body.single-aios-cities .citdet-desc p.browse-title {
	font-size: 16px;
	margin-bottom: 25 !important;
	margin-top: 40px !important;
	padding-top: 25px;
	text-align: center;
}

 /* body.single-aios-cities .custom-bc #breadcrumbs {
	margin: 31px 0 0 0 !important;
 } */
 @media(min-width: 992px) {
	body #inner-page-wrapper .citdet-intro {
	    margin: -20px 0 0;
	}

	#citdet-ip {
	    /* padding: 270px 0 90px;  */
        margin-top: -90px;
	}

	.props-items {
	    max-width: calc(100% - 40px);
	}

	.props-top {
	    padding: 0 min(7.5vw,120px);
	    display: flex;
	    flex-flow: row wrap;
	    align-items: center;
	    justify-content: space-between;
	}

	.props-title {
	    font-size: min(5.625vw,90px);
	}

	.props-slides.slick-initialized {
	    margin: 0 max(-0.625vw,-10px);
	}

	.props-slides.slick-initialized .slick-slide > div {
	    display: flex;
	    flex-flow: row wrap;
	    align-items: center;
	    justify-content: flex-start;
	}

	.props-slides.slick-initialized .props-single {
	    min-width: 50%;
	    padding: 0 min(0.625vw,10px);
	}

	.props-slides.slick-initialized .props-single:nth-child(n + 3) {
	    margin-top: min(1.25vw,20px);
	}

	.props-single-inner {
	    box-shadow: 0 min(0.3125vw,5px) min(2.5vw,40px) 0 rgba(0, 0, 0, 0.55);
	}

	.props-photo img.overlay-logo {
	    padding: min(0.9375vw,15px);
	}

	.props-info {
	    padding: min(1.875vw,30px);
	    transform: translateY(min(8.75vw,140px));
	}

	.props-price::after {
	    width: min(4.375vw,70px);
	    margin: min(1.25vw,20px) 0;
	}

	.props-price span {
	    font-size: min(1.875vw,30px);
	}

	.props-address {
	    margin: 0 0 min(0.625vw,10px);
	}

	.props-address h2 {
	    font-size: min(1.375vw,22px);
	}

	.props-address span {
	    font-size: min(0.8125vw,13px);
	}

	.props-bbs {
	    margin: 0 0 min(2.625vw,42px);
	}

	.props-bbs span {
	    font-size: min(0.75vw,12px);
	}

	.props-bbs span:not(:last-child) {
	    margin: 0 min(1.25vw,20px) 0 0;
	}

	.props-button span {
	    width: min(13.750vw,220px);
	    height: min(4.375vw,70px);
	    font-size: min(0.8125vw,13px);
	}

	.citdet-desc ul li {
	    padding: 0 0 0 50px;
	}

	.citdet-desc ul li:before {
	    content: '';
	    display: block;
	    width: 1px;
	    height: 100%;
	    position: absolute;
	    top: 7px;
	    left: 0;
	    max-height: 43px;
	    background: #fff;
	    transform-origin: top;
	    transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    -webkit-transform: rotate(-45deg);
	}

	.citdet-desc ul li:before {
	    height: 30px;
	}

	.citdet-mid {
	    padding: 127px 0 0;
	}

	.citdet-mid .container .row {
	    display: flex;
	    align-items: center;
	}

	/* .citdet-intro2{
		 padding: 15px 0 0;
	 } */
	.citdet-links {
	    margin: 123px auto 0;
	    max-width: calc(100% - min(1vw,16px));
	}

	.citdet-links .citdet-cat {
	    padding: 0 min(0.125vw,2px);
	}

	.citdet-cat a .citdet-def {
	    padding: 0 min(1.25vw,20px) min(1.875vw,30px);
	}

	.citdet-cat a .citdet-def span {
	    font-size: min(1.125vw,18px);
	}

	.citdet-cat a .citdet-def span:after {
	    width: min(4.375vw,70px);
	    margin: min(1.4375vw,23px) 0 0;
	}

	.citdet-cat a .citdet-hover {
	    padding: min(2.6875vw,43px) min(1.25vw,20px);
	}

	.citdet-cat a .citdet-hover span {
	    font-size: min(1.125vw,18px);
	}

	.citdet-cat a .citdet-hover span:after {
	    width: min(4.375vw,70px);
	    margin: min(1.4375vw,23px) 0 0;
	}

	.citdet-cat a .citdet-hover ul {
	    padding: min(1.813vw,29px) min(0.625vw,10px) 0 min(1.125vw,18px);
	}

	.citdet-cat a .citdet-hover li {
	    margin: min(1.0625vw,17px) 0 0;
	}

	.citdet-cat a .citdet-hover li em {
	    font-size: min(0.8125vw,13px);
	}

	.citdet-bottom {
	    /* margin: 117px 0 40px; */
	    margin: 40px 0 0 0;
	}
 }

 @media(max-width: 1366px) {
	 body.single-aios-cities .citdet-desc p.browse-title {
		margin-top: 35px !important;
	}
 }

 @media(max-width: 1199px) {
	.citdet-title h1,
	.citdet-title h2 {
	    font-size: 120px;
	}

	.citdet-desc {
	    font-size: 13px;
	}
 }

 @media(max-width: 991px) {
	.citdet-bottom {
	    margin-bottom: 0;
	}

	#citdet-ip {
	    padding: 0 0 40px;
	}

	.citdet-top {
	    margin-top: -25px!important;
	}

	.citdet-title {
	    /* padding: 0 0 40px; */
	}

	.citdet-title h1,
	.citdet-title h2 {
	    font-size: 60px;
	    /* text-align: center; */
	}

	/* .citdet-desc {
	    text-align: center;
	} */

	.props-top {
	    text-align: center;
	}

	.props-vm {
	    margin: 30px 0 0;
	}

	.props-slides {
	    max-width: 770px;
	    margin: 0 auto;
	}

	.citdet-mid-img {
	    padding: 30px 0 0;
	}

	.citdet-links {
	    display: block;
	}

	.citdet-links .citdet-cat {
	    width: 100%;
	    max-width: 260px;
	    margin: 20px auto 0;
	}

	.citdet-mid .container .row {
	    display: block;
	}
	  body.single-aios-cities .citdet-desc p.browse-title {
		 margin-top: 25px !important;
	 }
	 
 }

 @media(max-width: 767px) {
	.citdet-title h1,
	.citdet-title h2 {
	    /* font-size: 80px; */
	}
	 body.single-aios-cities .citdet-desc p.browse-title {
		 margin-top: 20px !important;
	 }
 }

 @media(max-width: 567px) {
	.citdet-title h1, .citdet-title h2, .props-title {
	    font-size: 60px;
	}
 }

 @media(max-width: 480px) {
	.citdet-top {
	    /* margin-top: -19px!important; */
	}

	.citdet-title h1, .citdet-title h2 {
	    font-size: 40px;
	}
 }