.ip-banner {
	display: none;
}

#content-sidebar, #content-full {
	margin-top: 0;
}
#inner-page-wrapper {
	margin-bottom: 0;
}
#content p#breadcrumbs {
	display: none;
}
#inner-page-wrapper  {
	z-index: initial;
}
#inner-page-wrapper > .container {
    width: 100%;
    padding: 0;
}

#custom-listing-details {
	position: relative;
}
	.cld-hero {
		position: relative;
	}
		.cld-slider {
			position: relative;
			font-size: 0;
		}
			.cld-slide {
				position: relative;
				overflow: hidden;
			}
				.cld-slide canvas {
					display: block;
					width: 100%;
					background-position: center;
					background-size: cover;
				}
				.cld-slide video {
					position: absolute;
				    min-width: 100%;
				    min-height: 100%;
				    max-width: 150%;
				    max-height: 150%;
				    width: auto;
				    height: auto;
				    position: absolute;
				    top: 50%;
				    left: 50%;
				    transform: translate(-50%,-50%);
				    z-index: 1;
				}

			.cld-slide.type-image:before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background: #000;
				opacity: 0.35;
				z-index: 1;
			}

			.cld-slide ~ .cld-slide {
				display: none;
			}

			.cld-play {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				margin: auto;
				width: 173px;
				height: 173px;
				border-radius: 50%;
				border: 1px solid rgba(255,255,255,0.3);
				display: flex;
				flex-flow: row wrap;
			    padding: 8px;
			    cursor: pointer;
			    z-index: 2;
			    color: #fff;
			    transition: all .3s ease;
			}
				.cld-play:before {
					content: "\b0087";
					position: relative;
					display: flex;
					align-items: center;
					justify-content: center;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
				    font-family: agentimage!important;
				    speak: none;
				    font-style: normal;
				    font-weight: 400;
				    font-variant: normal;
				    text-transform: none;
				    line-height: 1;
				    -webkit-font-smoothing: antialiased;
				    -moz-osx-font-smoothing: grayscale;
				    width: 100%;
				    height: 100%;
				    border-radius: 50%;
				    border: 2px solid #fff;
				    font-size: 37px;
				}
				.cld-play:hover {
				    padding: 0;
				    background: #fff;
				    color: #000;
				}

			.is-playing .cld-play {
				opacity: 0;
				visibility: hidden;
			}

	.cld-details {
		position: absolute;
		bottom: 54px;
		left: 0;
		right: 0;
		z-index: 2;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
		.cld-address {
			font-weight: 300;
			font-size: 18px;
			letter-spacing: 0.05em;
			line-height: 1.2;
			color: #fff;
			padding-left: 6.9%;
		}
			.cld-address span {
			    display: block;
			    font-weight: 500;
			    font-size: 36px;
			    letter-spacing: 0.05em;
			    text-transform: uppercase;
			    margin-bottom: 13px;
			    margin-top: 14px;
			}
			em.cld-sep {
			    display: inline-block;
			    width: 1px;
			    height: 24px;
			    background: #fff;
			    vertical-align: middle;
			    margin: 0 12px 0 16px;
			}
		.cld-basic-info {
			font-size: 15px;
			font-weight: 300;
			font-style: italic;
			letter-spacing: 0.02em;
			color: #fff;
			line-height: 1.2;
			min-width: 318px;
			background: rgba(6,6,6,0.8);
			padding: 26px 0 24px;
		}
			.cld-basic-info > div {
				display: flex;
				padding: 3px 0;
			}
				.cld-basic-info > div > em {
					min-width: 130px;
					text-align: right;
					padding-left: 15px;
					padding-right: 20px;
				}
				.cld-basic-info > div > span {
					padding-right: 15px;
				}

.cld-about {
	position: relative;
	padding: 100px 0 0;
}
	.cld-about:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 517px;
		background: url(../../images/listing-details/bg-listing-about.jpg) center/cover no-repeat;
	}
	.cld-about .container {
		position: relative;
	}
	.cld-row {
		display: flex;
		flex-flow: row wrap;
	}
		.cld-text {
			position: relative;
			width: 41.09%;
			background: #fff;
			padding: 75px 7% 0 3.5%;
		}
			.cld-text:before {
				content: '';
				position: absolute;
				right: 100%;
				top: 0;
				bottom: 0;
				width: 1000px;
				background: #fff;
			}
			#content .cld-text h1 {
				font-weight: 300;
				font-size: 52px;
				letter-spacing: 0.05em;
				line-height: 1.2;
				color: #000;
				text-transform: uppercase;
				margin: 0 0 30px;
			}
			#content .cld-text p {
				font-weight: 300;
				letter-spacing: 0.05em;
				line-height: 1.7;
				font-size: 16px;
				color: #666666;
				margin: 27px 0;
			}
		.cld-gallery {
			width: 58.91%;
		}
			.cld-gallery-slick {
				font-size: 0;
			}
				.cld-photo {

				}
					.cld-photo canvas {
						display: block;
						width: 100%;
						background-position: center;
						background-size: cover;
					}
				.cld-gallery a.gsite-button {
				    margin: 31px auto 0;
				    max-width: 190px;
				    height: 58px;
				}

		/*popup*/
		.cld-gallery-popup.active {
			opacity: 1;
		    visibility: visible;
		    pointer-events: all;
		}
		.cld-gallery-popup {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 9999;
			display: flex;
			align-items: center;
			justify-content: center;
		    opacity: 0;
		    visibility: hidden;
		    pointer-events: none;
		    transition: all .3s ease;
		}
			.cld-gallery-popup-bg {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background: #000;
				opacity: 0.8;
			}
			.cld-gallery-popup-container {
				position: relative;
				background: #fff;
				padding: 3px;
				width: 85%;
				margin: 0 auto;
			}
				.cld-gallery-close {
					position: absolute;
					left: 100%;
					font-size: 30px;
					color: #fff;
					padding: 0;
					background: transparent;
					border: none;
					padding: 0 10px;
				}
					.cld-gallery-close i {
						font-style: normal!important;
						display: block;
					}
				.cld-gallery-popup-main {
					width: 100%;
					font-size: 0;
				}
					.cld-gallery-popup-main-slide ~ .cld-gallery-popup-main-slide {
						display: none;
					}
					.cld-gallery-popup-main-slide {
						padding: 3px;
						width: 100%;
					}
						.cld-gallery-popup-main-slide canvas,
						.cld-gallery-popup-thumb-slide canvas {
							display: block;
							width: 100%;
							background-position: center;
							background-size: cover;
						}
						.cld-gallery-popup-main-slide canvas {
							height: calc(100vh - 150px);
						}

				.cld-gallery-popup-thumb {
					position: relative;
					font-size: 0;
				}
					.cld-gallery-popup-thumb-slide {
						width: 8.333333333333333%;
						padding: 3px;
						display: inline-block;
						vertical-align: top;
						position: relative;
					}
					.cld-gallery-popup-thumb-slide:before {
						content: '';
						position: absolute;
						top: 3px;
						right: 3px;
						bottom: 3px;
						left: 3px;
						background: #000;
						opacity: 0.5;
						transition: all .3s ease;
					}
					.slick-current .cld-gallery-popup-thumb-slide:before {
						opacity: 0;
					}

.cld-amenities-row {
	display: flex;
	flex-flow: row wrap;
	margin: 100px 0 0;
}
	.cld-floor-plan {
		padding: 0 0 0 17px;
		width: 60.582%;
	}
		.cld-floor-plan-img {
			position: relative;
		}
			.cld-floor-plan-img canvas {
				display: block;
				width: 100%;
				background-position: center;
				background-size: cover;
			}

	.cld-amenities {
		width: 39.418%;
		padding: 70px 0 0 10px;
	}
		#content .cld-amenities h2 {
			font-weight: 300;
			font-size: 52px;
			letter-spacing: 0.05em;
			line-height: 1.2;
			color: #000;
			text-transform: uppercase;
			margin: 0 0 28px;
		}
		.cld-amenities-list {
		    display: flex;
		    flex-flow: row wrap;
		}
		#content .cld-amenities ul {
			margin: 0;
			list-style: none;
			width: 50%;
		}
			#content .cld-amenities ul li {
			    font-weight: 300;
			    font-size: 20px;
			    letter-spacing: 0.05em;
			    line-height: 1.2;
			    color: #666666;
			    position: relative;
			    padding-left: 55px;
			    margin: 0 0 31px;
			    padding-right: 15px;
			}
				#content .cld-amenities ul li:before {
					content: '';
					position: absolute;
					width: 32px;
					height: 32px;
					top: -5px;
					left: 0;
					background: url(../../images/listing-details/icon-check.png) no-repeat;
				}

.cld-virual-tour {
	position: relative;
	padding: 110px 0 0;
	margin: 25px 0 0;
}
	.cld-virual-tour:before,
	.cld-vt:before,
	.cld-vt:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}
	.cld-virual-tour:before {
		background: #000;
		opacity: 0.25;
	}
	.cld-virual-tour .container {
		position: relative;
	}
	.cld-vt {
		position: relative;
	}
		.cld-vt canvas {
			display: block;
			width: 100%;
			background-position: center;
			background-size: cover;
		}
		.cld-vt:before {
			background: #000;
			opacity: 0.25;
		}
		.cld-vt:after {
			width: 130px;
			height: 99px;
			background: url(../../images/listing-details/icon-virtual-tour.png) no-repeat;
		}

.cld-git {
	position: relative;
	padding: 111px 0 100px;
}
	.cld-git:before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 568px;
		background: url(../../images/listing-details/bg-listing-about.jpg) center/cover no-repeat;
	}
	.cld-git .container {
		position: relative;
	}
	.cld-git-row {
	    display: flex;
	    flex-flow: row wrap;
	    align-items: flex-start;
	}
		.cld-git-left {
		    /*width: 995px;*/
		    width: 72.364%;
		}
			.cld-git-form {
			    position: relative;
			    background: #000 url(../../images/listing-details/listing-git-bg.png) right top/auto 100% no-repeat;
			    color: #fff;
			    padding: 74px 19.5% 75px 12%;
			    margin-right: -97px;
			}
				#content .cld-git-form h2 {
					font-weight: 300;
					font-size: 52px;
					letter-spacing: 0.05em;
					line-height: 0.97;
					text-transform: uppercase;
					margin: 0 0 39px;
				}
				#content .cld-git-form h3 {
					font-size: 35px;
					letter-spacing: 0.05em;
					line-height: 1;
					text-transform: uppercase; 
					margin: 0 0 53px;
					font-weight: 300;
				}
				.cld-git-form form {
				    font-size: 0;
				    margin: 0 -6px!important;
				    position: relative;
				}
				.cld-git-field {
				    display: inline-block;
				    padding: 0 6px;
				}

				.cld-git-field.field-half {
				    width: 50%;
				    margin-bottom: 34px;
				}
				.cld-git-form.field-full {
				    width: 100%;
				}

				.cld-git-field.field-full {
				    width: 100%;
				}
					.cld-git-field label {
					    display: block;
					    font-size: 14px;
					    color: #fff;
					    letter-spacing: .2em;
					    line-height: 1;
					    text-transform: uppercase;
					    font-weight: 300;
					    text-align: left;
					    padding-left: 16px;
					}

					.cld-git-field span.wpcf7-form-control-wrap {
					    display: block;
					    display: block;
					    position: relative;
					    margin-left: -16px;
					    outline: none;
					}

						.cld-git-field span.wpcf7-form-control-wrap input,
						.cld-git-field span.wpcf7-form-control-wrap textarea {
						    width: 100%;
						    border: 0;
						    border-bottom: 1px solid rgb(255 255 255 / 25%);
						    background: transparent;
						    color: #fff;
						    font-size: 14px;
						    text-transform: initial;
						    letter-spacing: 0;
						    height: 32px;
						    outline: none;
						    padding-top: 10px;
						}

						.cld-git-field span.wpcf7-form-control-wrap textarea {
						    height: 72px;
						    resize: none;
						}

					.cld-git-btn.gsite-button {
					    position: relative;
					    margin: 36px 6px 0;
					    border-color: rgb(255 255 255 / 50%)!important;
					    height: 58px;
					}
						.cld-git-btn.gsite-button:hover {
							color: #000!important;
						}
						.cld-git-btn.gsite-button:before {
						    background: #fff!important;
						}
						.cld-git-btn input {
						    position: absolute;
						    top: 0;
						    left: 0;
						    width: 100%;
						    height: 100%;
						    background: transparent;
						    border: none;
						    font-size: 14px;
						    letter-spacing: .100em;
						    line-height: 1;
						    text-transform: uppercase;
						}
						.cld-git-btn .ajax-loader {
						    position: absolute;
						    top: 100%;
						    left: 0;
						    margin: 10px 0 0;
						}
					#content .cld-git-form .wpcf7-response-output {
					    font-size: 13px;
					    text-align: center;
					    position: absolute;
					    top: 100%;
					    left: 0;
					    right: 0;
					    margin: 10px 6px 0;
					    color: #fff!important;
					}
					.cld-git-form .use-floating-validation-tip span.wpcf7-not-valid-tip {
					    position: absolute;
					    top: 5px;
					    font-size: 13px;
					    text-transform: initial;
					    letter-spacing: 0.1em;
					    width: initial;
					    font-weight: 400;
					}


		.cld-git-right {
			width: 27.636%;	
			position: relative;
			background: #fff;
			margin-top: 48px;
		}
			.cld-git-agent {
			    margin-right: -2px;
			}
			    .cld-git-agent-img {
			        position: relative;
			    }
			        .cld-git-agent-img canvas {
			            display: block;
			            width: 100%;
			            background-position: center;
			            background-size: cover;
			        }
			.cld-git-agent-info {
			    text-align: center;
			    padding: 35px 0 33px;
			}
			    .cld-agent-name {
			        font-size: 30px;
			        letter-spacing: 0.1em;
			        line-height: 1;
			        color: #000;
			        text-transform: uppercase;
			        margin: 0 0 29px;
			    }
			    .cld-agent-phone, .cld-agent-email {
			        font-size: 16px;
			        letter-spacing: 0.1em;
			        color: #666666;
			        margin-bottom: 3px;
			    }
			    	.cld-agent-phone a,
			    	.cld-agent-email a {
			    		color: inherit;
			    		transition: all .3s ease;
			    	}
			    	.cld-agent-phone a:hover,
			    	.cld-agent-email a:hover {
			    		color: #000;
			    	}
			        .cld-agent-phone i {
			            font-style: normal!important;
			            color: #000;
			            font-size: 13px;
			            margin-right: 4px;
			        }
			        .cld-agent-email i {
			            font-style: normal!important;
			            color: #000;
			            font-size: 13px;
			            margin-right: 11px;
			        }

.suam-wrap .gsite-title {
	display: none;
}


@media only screen and (min-width: 1441px) {
	.cld-about .container,
	.cld-virual-tour .container,
	.cld-git .container {
		width: 1405px;
		max-width: 100%;
	}
}
@media only screen and (max-width: 1440px) {
	.cld-text {
	    padding-left: 0;
	}
	#content .cld-amenities ul li {
	    font-size: 16px;
	}
	.cld-agent-name {
	    font-size: 25px;
	}
}
@media only screen and (max-width: 1199px) {
	.cld-address {
	    padding-left: 3%;
	}
	.cld-basic-info {
	    min-width: 260px;
	}
	.cld-text {
		padding-right: 3%;
	}
	#content .cld-text h1,
	#content .cld-amenities h2,
	#content .cld-git-form h2 {
	    font-size: 40px;
	}
	#content .cld-amenities ul li {
	    font-size: 13px;
	}
	.cld-agent-phone, .cld-agent-email {
	    font-size: 13px;
	}
		.cld-agent-email i,
		.cld-agent-phone i {
			margin-right: 5px;
		}
}
@media only screen and (max-width: 991px) {
	.cld-play {
	    width: 120px;
	    height: 120px;
	}
		.cld-play:before {
		    font-size: 25px;
		    padding-left: 5px;
		}
	.cld-details {
		position: relative;
		bottom: 0;
		background: #000;
		flex-flow: row wrap;
		text-align: center;
		padding: 30px 0 40px;
		justify-content: center;
	}
		.cld-address {
		    width: 100%;
		}
		.cld-basic-info {
		    background: #000;
		    display: inline-block;
		    padding-bottom: 0;
		}
			.cld-basic-info > div > em, .cld-basic-info > div > span {
			    min-width: initial;
			    width: 50%;
			    padding: 0 15px;
			}
			.cld-basic-info > div > span {
			    text-align: left;
			}
	.cld-about .container {
	    background: #fff;
	}
	.cld-text, .cld-gallery, .cld-floor-plan, .cld-amenities, .cld-git-left, .cld-git-right {
	    width: 100%;
	}
	.cld-text {
		padding-right: 0;
	}
	.cld-gallery-popup-container {
	    width: 100%;
	}
	.cld-gallery-popup-main-slide canvas {
	    height: calc(100vh - 335px);
	}
	.cld-gallery-close {
	    right: 0;
	    top: 0;
	    left: initial;
	    z-index: 2;
	    font-size: 15px;
	    width: 40px;
	    height: 40px;
	}
	.cld-floor-plan {
		padding-left: 0;
	}
	.cld-amenities {
		padding-left: 0;
		padding-top: 50px;
	}
		#content .cld-amenities ul {
			width: 100%;
		}
			#content .cld-amenities ul li {
			    font-size: 16px;
			}
	.cld-vt:after {
	    background-size: contain;
	    width: 80px;
	    background-position: center;
	}
	.cld-git-form {
	    padding-right: 0;
	    margin-right: 0;
	    padding: 70px 8%;
	}
	.cld-agent-phone, .cld-agent-email {
	    font-size: 16px;
	}

}
@media only screen and (max-width: 767px) {
	
	em.cld-sep {
	    display: block;
	    width: 24px;
	    height: 1px;
	    margin: 10px auto;
	}
	.cld-play {
	    width: 50px;
	    height: 50px;
	    padding: 3px;
	}
	.cld-play:before {
	    font-size: 15px;
	}
}
@media only screen and (max-width: 480px) {
	#content .cld-text h1, #content .cld-amenities h2, #content .cld-git-form h2 {
	    font-size: 30px;
	}
	#content .cld-git-form h3 {
	    font-size: 20px;
	}
}