a, area, img {
	border: none;
	outline: 0
}
.sold {
	zoom: 1 !important;
	filter: alpha(opacity=30) !important;
	opacity: 0.3 !important;
}
.fix-image {
	-ms-interpolation-mode: bicubic;
	image-rendering: auto
}
.types-text {
	color: #FFF !important
}
div, img {
	-webkit-backface-visibility: visible !important
}
.smooth_zoom_preloader, .smooth_zoom_preloader img {
	-webkit-backface-visibility: visible !important;
	-webkit-box-shadow: none
}
body a {
	text-decoration: none !important
}
.smooth_zoom_preloader {
	background-image: url(http://thehempelcollection.com/wp-content/themes/zoom_assets/preloader.gif)
}
.smooth_zoom_icons {
	background-image: url(http://thehempelcollection.com/wp-content/themes/zoom_assets/icons.png)
}
.floorplan-holder {
	width: 100%;
	max-width: 1144px;
	min-height: 550px;
	height: 688px;
	margin: 50px auto 0;
	position: relative;
	overflow: hidden;
	font-family: Gotham-Book;
	font-size: 12px;
	letter-spacing: 2.4px;
	top: 40px !important;
}
.page-id-26 #page {
	padding-bottom: 10%
}
.top-description {
	width: 70%;
	height: 2%;
	padding: 0
}
.plan-zoom {
	width: 526px;
	float: left;
	height: 527px;
	position: absolute;
	margin-top: 98px;
	margin-left: 307px
}
.big-3d {
	width: 100%;
	float: left;
	height: 90%;
	max-height: 630px;
	position: relative
}
.next {
	left: 3000px
}
.side-info {
	height: auto;
	width: 100%;
	float: none;
	position: relative;
	right: 0;
	margin-top: 3%;
	display: none
}
.big-3d-image {
	width: 90%;
	width: 387px;
	height: auto !important;
	position: absolute;
	cursor: pointer;
	cursor: hand
}
.Hempel.Gardens .landing .big-3d-image {
	width: 90%;
	width: 550px;
	height: auto !important;
	position: absolute;
	cursor: pointer;
	cursor: hand
}
.small-3d-image {
	padding-top: 75px;
	height: auto !important;
	position: absolute;
	cursor: pointer;
	cursor: hand
}
.side-desc {
	width: 80%;
	height: 65%;
	float: left;
	padding: 0 10%
}
.stacking-3d {
	width: 100%;
	height: 35%;
	float: left;
	display: none
}
.big-3d img {
	margin: 0 auto;
	left: 0;
	right: 0;
	height: auto;
	position: relative
}
.bottom-controls {
	height: 31px;
	bottom: 0;
	left: 0;
	position: fixed;
	width: 100%;
	text-align: center;
	background-color: #333;
	padding-top: 19px;
	margin: 0 auto;
	font-family: TradeGothicW01-Extended, Arial, Helvetica, sans-serif
}
.bottom-controls a {
	margin-left: 40px;
	margin-right: 40px
}
.hidden {
	display: none
}
.orange-text {
	color: #F60 !important
}
.D-button {
	color: #ffdf00
}
.E-button, .E-button2 {
	color: #ed1944
}
.F-button {
	color: #f58220
}
.L-button {
	color: #447fc1
}
.G-button {
	color: #eaebe3
}
.D-button:hover {
	color: #ffdf00 !important
}
.E-button2:hover, .E-button:hover {
	color: #ed1944 !important
}
.F-button:hover {
	color: #f58220 !important
}
.L-button:hover {
	color: #447fc1 !important
}
.G-button:hover {
	color: #eaebe3 !important
}
.greyed-text {
	color: #fff
}
.appart-box {
	float: left;
	width: 100%;
	line-height: 1.5
}
.appart-box hr {
	margin: 5px 0 9px !important
}
.apartments-big .apprt-block, .townhouses-big .apprt-block {
	width: 201px;
	float: none;
	position: relative
}

.side-desc .appart-box {
	color: #b79d8b;
	font-family: Gotham-Medium;
	float: left;
	width: 96%;
	font-size: 11px;
	margin-left: -778px;
	margin-top: -23px;
	letter-spacing: 1.74px
}

.side-desc .appart-box span {
	display: block
}
span.headline1 {
	margin-bottom: 58px;
	margin-top: 6px;
	display: block
}
span.headline2 {
	margin-bottom: 14px
}
.side-desc span.menu-title-item {
	text-align: left
}
.floor-links {
	position: absolute;
	top: -16px;
	right: 82px;
	line-height: 19px;
	font-size: 15px !important;
	letter-spacing: .5px !important
}
.Safari .floor-links {
	right: 96px
}
span.appart-box .download a {
	color: green
}
.big-text-control {
	padding-top: 19%
}
.big-text-title, .types-text {
	padding-bottom: 6%;
	font-size: 9px !important;
	letter-spacing: 3px
}
.apartment-item {
	color: #000;
	padding: 7px 0 0;
	cursor: pointer;
	cursor: hand;
	letter-spacing: .2em;
	display: inline-block;
	width: 17.5px;
	text-align: center;
	margin-left: 6.4px;
	margin-right: 6.4px
}
.Safari .apartment-item {
	margin-left: 7.4px;
	margin-right: 7.4px
}
.landing .apartment-item {
	width: 12.5px;
	margin-left: 5.5px;
	margin-right: 5.5px
}
.Safari .landing .apartment-item {
	width: 12.5px;
	margin-left: 6.5px;
	margin-right: 6.5px
}
.apt-label {
	position: relative;
	top: 5px;
	left: 112px
}

hr {
	background-color: #999;
	margin-top: 1px !important;
	margin: 0;
	margin: 0 0 none
}
.levels {
	text-align: left;
	float: right;
	font-size: 8px
}
.push {
	padding-right: 3%
}
.l-detail {
	width: 19%;
	text-align: right;
	float: right;
	font-size: 8px
}
.apt-hover {
	color: #000 !important;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.hover-d {
	background-color: #ffdf00;
	color: #000 !important
}
.hover-e1, .hover-e3 {
	background-color: #ed1944;
	color: #000 !important
}
.hover-f {
	background-color: #f58220;
	color: #000 !important
}
.hover-l {
	background-color: #447fc1;
	color: #000 !important
}
.hover-g {
	background-color: #eaebe3;
	color: #000 !important
}
.side-resize {
	width: 90% !important
}
.slider-arrow {
	position: fixed;
	z-index: 999999;
	top: 56%;
	width: 20px
}
.prev-arrow {
	left: 1%
}
.next-arrow {
	right: 1%
}
.floorplan-popup {
	display: none;
	top: 50%;
	width: 45%;
	text-align: center;
	color: #000;
	background-color: #fff;
	padding: 121px 14%;
	position: absolute;
	z-index: 9999;
	right: 0;
	left: 0;
	margin: -140px auto 0;
	font-family: Gotham-Medium;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px
}
.bottom-titles {
	color: #999;
	position: fixed;
	bottom: 65px;
	width: 860px;
	right: 0;
	left: 0;
	margin: 0 auto;
	z-index: 999999
}
.apartment-item {
	background: url(images/sq-box.fw.png) -.6px -31.6px/100% no-repeat;
	transition: .1s
}
.apartment-item.hovered, .apartment-item.selected, .apartment-item:hover {
	background-position: -100px;
	border-bottom: 1px solid #000
}
.apartment-item.hovered a, .apartment-item.selected a, .apartment-item:hover a {
	color: #000 !important
}
.title-left {
	float: left;
	font-family: TradeGothicW01-Extended, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: 11px
}
.title-right {
	display: none;
	float: right;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-style: italic;
	letter-spacing: .2em;
	font-size: 11px
}
@media only screen and (max-width:890px) {
	.bottom-titles {
		display: none
	}
	.side-resize {
		width: 60% !important
	}
	.side-desc {
		width: 90%
	}
	.appart-box {
		float: left;
		width: 47%;
		margin-right: 3%
	}
	.stacking-3d {
		width: 24%;
		height: 80%;
		float: left;
		display: none;
		padding-left: 14%
	}
	.plan-zoom:not(landing) {
		float: left;
		height: 50%;
		position: absolute;
		padding: 0 5%
	}
	.plan-zoom:not(.landing) {
		width: 100% !important
	}
	.big-3d, .small-3d {
		position: absolute
	}
	.small-3d {
		position: absolute;
		top: 300px
	}
	.plan-zoom:not(.landing) .big-3d-image {
		width: 55%;
		min-width: 454px
	}
	#slide0 .big-3d-image {
		min-width: 388.5px
	}
	.bottom-controls a {
		margin-left: 2%;
		margin-right: 2%
	}
	.big-text-control {
		padding-top: 7%
	}
	.big-text-title {
		padding-bottom: 0;
		font-size: 14px
	}
	.small-3d {
		right: -11%;
		width: 43%
	}
	.side-info {
		width: 100% !important;
		height: 35%;
		float: left;
		position: absolute;
		right: 0;
		top: 55%
	}
	.floorplan-holder {
		height: 800px
	}
	.small-3d-image {
		width: 46%
	}
	.side-desc {
		margin-top: -10%
	}
	.side-desc-plan {
		margin-top: 0 !important
	}
	.bottom-titles {
		width: 89%
	}
	.small-contact {
		left: -370px;
		right: 5px;
		margin: 0 auto;
		top: -20px
	}
}
@media only screen and (max-height:768px) {
	.small-3d-image {
		width: 70%
	}
}
@media only screen and (max-width:1160px) {
	.bottom-controls a {
		margin-left: 2%;
		margin-right: 2%;
		font-size: 13px
	}
}
@media only screen and (max-width:641px) {
	.side-info {
		top: 30%
	}
	.slider-arrow {
		position: absolute;
		top: 80px
	}
	.appart-box {
		float: left;
		width: 100%
	}
	.side-resize-mobile {
		top: 53% !important
	}
	.cssbreak {
		display: block !important
	}
	.bottom-controls {
		height: 53px !important
	}
	.types-text {
		position: relative;
		right: 252%;
		left: -20.5%
	}
}
@media only screen and (max-width:700px) {
	.current:not(.big-3d), .next:not(.big-3d) {
		width: 80% !important;
		float: none !important;
		margin: 0 auto;
		height: 28%;
		padding: 0 10%
	}
	.side-resize-mobile {
		top: 29% !important
	}
	.assistive-text, .small-3d {
		display: none
	}
}
@media only screen and (max-width:460px) {
	.types-text {
		position: relative;
		right: 252%;
		left: -21.8%
	}
	html {
		overflow-y: scroll !important
	}
	body {
		overflow-y: hidden !important
	}
}
@media all and (max-device-width:641px) and (orientation:landscape) {
	#intro-copy, .home-hidden {
		top: 138px !important
	}
	.fullscreen-body .site-header {
		margin: 0 auto;
		left: 0;
		right: 0;
		width: 60px;
		position: absolute
	}
	.galleria-home-mobile .site-header {
		width: 100%
	}
	.bottom-controls {
		height: 53px !important;
		position: absolute !important;
		bottom: -28px;
		top: auto !important
	}
	.page-id-24 #main {
		position: relative
	}
	#myatu_bgm_top {
		background-size: 300% !important;
		width: 100% !important;
		height: 1300px !important;
		background-position: center -17% !important
	}
	.home #galleria {
		position: fixed;
		width: 100%;
		top: 0
	}
	.home .galleria-info {
		position: fixed !important;
		padding-bottom: 500px !important;
		bottom: -496px
	}
	/*body.home, body.page-id-10 {
		overflow: visible !important
	}*/
}
@media all and (max-device-width:641px) and (orientation:portrait) {
	.page-id-10 #galleria {
		position: fixed;
		width: 100%;
		top: 0;
		height: 100% !important
	}
	.home .galleria-info {
		position: fixed !important;
		padding-bottom: 500px !important;
		bottom: -494px
	}
	.home #galleria {
		position: fixed;
		width: 100%;
		top: 0;
		height: 100% !important
	}
	body.home, body.page-id-10 {
		overflow: visible !important
	}
}
@media all and (max-device-width:641px) and (min-device-height:320px) and (orientation:landscape) {
	.home #galleria, .page-id-10 #galleria {
		height: 320px !important
	}
}
@media all and (max-device-width:641px) and (min-device-height:350px) and (orientation:landscape) {
	.home #galleria, .page-id-10 #galleria {
		height: 350px !important
	}
}
@media all and (max-device-width:641px) and (min-device-height:370px) and (orientation:landscape) {
	.home #galleria, .page-id-10 #galleria {
		height: 370px !important
	}
}
@media all and (max-device-width:641px) and (min-device-height:400px) and (orientation:landscape) {
	.home #galleria, .page-id-10 #galleria {
		height: 400px !important
	}
}
.divider {
	height: 2px
}
.galleria-image-nav-left, .galleria-image-nav-right {
	width: 50px !important
}
.Amenities #content, .Building #content {
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0
}

.Browse.Residences #content {
	overflow-x: hidden; 
}
.fullscreen-page, div.galleria-container.touch.fullscreen {
	height: 100% !important
}
.apartments-big, .townhouses-big {
	width: 387px;
	float: left;
	display: block;
	height: auto;
	margin: -10px -48.8px 0;
	position: relative;
	left: 283px
}

.Hempel.Gardens .landing .apartments-big, .Hempel.Gardens .landing  .townhouses-big {
	width: 550px;
	float: left;
	display: block;
	height: auto;
	margin: -10px -48.8px 0;
	position: relative;
	left: 283px
}
.label-title, .menu-title-item {
	text-align: center;
	font-size: 29px;
	font-family: requiem
}
.appt-btn {
	width: 97px;
	height: 100px;
	background: #817365;
	opacity: .5;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: .4s
}
.appt-1 {
	left: 43px;
	top: 292px;
	height: 110px;
	width: 96px
}
.appt-2 {
	left: 139px;
	top: 288px;
	height: 114px;
	width: 101px
}
.appt-3 {
	left: 240px;
	top: 292px;
	width: 102px;
	height: 110px
}
.appt-4 {
	left: 43px;
	top: 230px;
	height: 62px;
	width: 195px
}
.appt-5 {
	left: 239px;
	top: 230px;
	height: 62px;
	width: 104px
}
.appt-6 {
	left: 43px;
	top: 187px;
	height: 40px;
	width: 195px
}
.appt-7 {
	left: 239px;
	top: 187px;
	height: 40px;
	width: 104px
}
.appt-8 {
	left: 43px;
	top: 157px;
	height: 32px;
	width: 195px
}
.appt-9 {
	left: 239px;
	top: 157px;
	height: 32px;
	width: 104px
}
.appt-10 {
	top: 101px;
	width: 196px;
	left: 43px;
	height: 50px
}
.appt-11 {
	height: 50px;
	left: 238px;
	top: 101px;
	width: 105px
}
.appt-12 {
	width: 308px;
	height: 50px;
	top: 57px;
	left: 35px
}
.townhouses-big .appt-1 {
	left: 242px;
	top: 270px;
	height: 102px;
	width: 106px
}
.townhouses-big .appt-2 {
	left: 137px;
	top: 270px;
	height: 102px;
	width: 106px
}
.townhouses-big .appt-3 {
	left: 37px;
	top: 270px;
	height: 102px;
	width: 103px
}
body {
	background-color: #fff
}
.small-3d .appt-btn, .small-3d .town-btn {
	width: 61px;
	height: 42px;
	background: #817365;
	opacity: .5;
	opacity: 0;
	position: absolute;
	transition: .2s
}

.small-3d .appt-1 {
	left: 0;
	top: 209px;
	width: 51px;
	height: 53px
}
.small-3d .appt-2 {
	left: 50px;
	top: 208px;
	width: 52px;
	height: 54px
}
.small-3d .appt-3 {
	left: 102px;
	top: 208px;
	width: 50px;
	height: 54px
}
.small-3d .appt-4 {
	left: 1px;
	top: 176px;
	width: 99px;
	height: 26px
}
.small-3d .appt-5 {
	left: 100px;
	top: 176px;
	width: 52px;
	height: 25px
}
.small-3d .appt-6 {
	left: 1px;
	top: 156px;
	width: 99px;
	height: 18px
}
.small-3d .appt-7 {
	left: 100px;
	top: 156px;
	width: 52px;
	height: 18px
}
.small-3d .appt-8 {
	left: 1px;
	top: 140px;
	width: 99px;
	height: 16px
}
.small-3d .appt-9 {
	left: 100px;
	top: 138px;
	width: 52px;
	height: 18px
}
.small-3d .appt-10 {
	left: 1px;
	top: 116px;
	width: 100px;
	height: 18px
}
.small-3d .appt-11 {
	left: 101px;
	top: 115px;
	width: 51px;
	height: 20px
}
.small-3d .appt-12 {
	left: 0;
	top: 87px;
	width: 152px;
	height: 25px
}
.small-3d .town-1 {
	top: 189px;
	width: 48px;
	left: 0;
	height: 73px
}
.small-3d .town-2 {
	top: 189px;
	width: 50px;
	left: 48px;
	height: 73px
}
.small-3d .town-3 {
	top: 189px;
	width: 54px;
	left: 98px;
	height: 73px
}
.ap-active, .ap-hovered, .appt-btn:hover, .town-btn:hover {
	opacity: .5 !important
}
#slide0.big-3d img {
	margin: 0 auto;
	left: 0;
	right: 0;
	height: auto;
	position: relative;
	border-bottom: 0 solid #000;
	padding: 13px 56px 4px
}
div#slide1, div#slide2 {
	margin-left: auto;
	margin-right: auto;
	right: 0;
	text-align: center;
	margin-top: 101px;
	padding-top: 9px
}
#slide1 .apartments-big, #slide2 .townhouses-big {
	margin: 0 auto;
	display: block;
	float: none;
	left: auto
}
#slide1 img.big-3d-image.img-all, #slide2 img.big-3d-image.img-all {
	margin: 2px auto 0;
	left: 0;
	right: 0
}
#slide1 .apprt-block, #slide2 .apprt-block {
	float: none;
	top: 361px;
	left: 0
}
#slide1 .apt-label, #slide2 .apt-label {
	left: 103px
}

#slide1.landing .apartment-item, #slide2.landing .apartment-item {
	width: 17.5px;
	margin-left: 3px;
	margin-right: 3px
}
.appart-box .flr-link {
	color: #000 !important;
	letter-spacing: .8px;
	font-size: 14px
}
.apartment-item, .apartment-item a, .apt-label {
	color: #9E8C79 !important;
	font-size: 12px
}

.apartment-item {
	top: 4px;
	position: relative;
	left: 98px;
	border-bottom: 1px solid transparent
}
.site-content {
	transition: 1s;
	background-color: #fff
}
.stacking-3d.small-3d {
	margin-left: 17px;
	margin-top: -200px
}
.smooth_zoom_preloader {
	transition: opacity 1s;
	transition-delay: 2s;
	opacity: 0
}
div#slide0 {
	margin-left: auto;
	top: 50px !important;
}
.apprt-block.block-side {
	display: block;
	position: relative;
	width: 250px;
	margin-left: 112px;
	bottom: 0;
	float: none;
	clear: both;
	transition: opacity .7s;
	opacity: 0
}

.block-side .apt-label {
	position: relative;
	left: -15px;
	top: 25px
}

.townhouses-big .apartment-item {
	left: 148px
}
#slide2 .townhouses-big .apartment-item {
	left: 105px
}
.apt-label {
	color: #000 !important;
	font-weight: 700;
	font-family: Gotham-Book;
	font-size: 11.5px;
	text-transform: uppercase;
	letter-spacing: 1.7px
}
span.headline3 div {
	margin-bottom: 15px
}
.small-3d .apartments-big, .small-3d .townhouses-big {
	left: 130px;
	top: -35px
}
.small-3d-image {
	width: 152px
}


.small-3d .enq-btn.small-gotham {
	width: 159px;
	position: relative;
	left: -10px;
	text-align: center;
	z-index: 1;
	margin-top: 0;
}
.apprt-block.block-side.block-town {
	display: block;
	opacity: 0;
	z-index: -10;
	top: 20px;
	min-height: 109px
}
.brown {
	color: #b79d8b !important
}
.green {
	color: #B9D8C9 !important
}
.apt-label.brown, .apt-label.green {
	margin-bottom: 25px
}
.block-town .apt-label.brown, .block-town .apt-label.green {
	margin-bottom: 28px
}
.block-side .apartment-item {
	left: -17px
}
.apartment-item a {
	position: relative;
	top: 0px
}
.would-you {
	font-size: 15px !important;
	font-family: requiem;
	text-decoration: underline;
	position: absolute !important;
	right: 8px;
	bottom: -73px;
	letter-spacing: .5px !important;
	transition: opacity .7s;
	transition-delay: .1s;
	cursor: pointer;
	cursor: hand
}
.Safari .would-you {
	right: 28px
}
.floor-links a {
	color: #000 !important
}
.small-contact {
	width: 252px;
	background: #f6f3f0;
	position: absolute;
	top: 39px;
	left: 73px;
	height: 0;
	font-size: 10px;
	padding: 20px 23px 25px;
	text-align: center;
	z-index: -2;
	opacity: 0;
	-webkit-transition-timing-function: ease-in-out;
	transition: 0s;
	overflow: hidden
}
.small-contact .small-gotham {
	font-size: 10px;
	letter-spacing: 1.6px;
	color: #000 !important
}
.small-contact .small-requiem {
	font-size: 12px;
	letter-spacing: 1.2px;
	line-height: 16px
}
.small-gotham.sc-1 {
	margin-bottom: 25px
}
.small-gotham.sc-2 {
	margin-bottom: 2px
}
.small-gotham.sc-3 {
	margin-top: 35px;
	margin-bottom: 3px
}
.small-contact a {
	color: #000 !important
}
.small-contact a:hover {
	color: #586977 !important
}
.small-contact img.squaggle-form {
	position: absolute;
	top: -5px;
	right: -4px;
	width: 34px;
	padding: 10px
}
.expand-contact {
	height: 280px;
	opacity: 1;
	z-index: 8;
	transition: height 1.6875s, opacity .6s
}
.no-trans {
	transition: none !important
}
.side-info .apprt-block {
	top: 20px
}
.bottom-controls {
	display: none !important;
	opacity: 0;
	z-index: -1000
}

/*////////////////// HEMPEL GARDENS START //////////////*/

.Hempel.Gardens .apartments-big.gardens-apartments-big {
	width: 470px;
}
.Hempel.Gardens .gardens-apartments-big .big-3d-image {
	width: 470px;
}
.Hempel.Gardens #slide1 .gardens-apartments-big .apprt-block{
	top:425px;
	right: 0;
	margin: auto;
}
.Hempel.Gardens #slide1 .gardens-apartments-big .apt-label, .Hempel.Gardens #slide1 .gardens-apartments-big .apartment-item{
	left: 0;
}
.Hempel.Gardens .side-desc .appart-box {
	color: #B9D8C9;
	text-transform: uppercase;
}
.Hempel.Gardens .menu-title-item, .Hempel.Gardens .floor-links{
	text-transform: none;
}
.Hempel.Gardens .small-3d-image {
	width: 245px;
}

.Hempel.Gardens .appt-btn, .Hempel.Gardens .small-3d .town-btn {
	background: #B9D8C9;
}

.Hempel.Gardens .apartment-item, .Hempel.Gardens .apartment-item a, .Hempel.Gardens .apt-label.green {
	color: #B9D8C9 !important;
}
.Hempel.Gardens .apartments-big.landing {
	float: none;
	margin: -10px auto 0;
	left: auto;
}
.Hempel.Gardens .apartments-big.landing  .apprt-block{
  width: 280px !important;
  text-align: center !important;
  left: auto;
  margin: auto;
  right: auto;
  padding: 5px 0 0 0 !important;
}
.Hempel.Gardens .apartments-big.landing  .apprt-block .apt-label, .Hempel.Gardens .apartments-big.landing  .apprt-block .apartment-item {
	left: auto;
}
.Hempel.Gardens .appt-1 {
  left: 10px;
  height: 93px;
  width: 88px;
  top: 309px;
}
.Hempel.Gardens .appt-2 {
  left: 10px;
  height: 37px;
  width: 88px;
  top: 365px;
}
.Hempel.Gardens .appt-3 {
  left: 99px;
  height: 37px;
  width: 177px;
  top: 365px;
  z-index: 1;
}
.Hempel.Gardens .appt-4 {
  left: 99px;
  height: 93px;
  width: 88px;
  top: 309px;
}
.Hempel.Gardens .appt-5 {
  left: 188px;
  height: 93px;
  width: 88px;
  top: 309px;
}
.Hempel.Gardens .appt-6 {
  left: 276px;
  height: 37px;
  width: 177px;
  top: 365px;
  z-index: 1;
}
.Hempel.Gardens .appt-7 {
  left: 275px;
  height: 93px;
  width: 88px;
  top: 309px;
}
.Hempel.Gardens .appt-8 {
  left: 362px;
  height: 93px;
  width: 90px;
  top: 309px;
}
.Hempel.Gardens .appt-9 {
  left: 10px;
  height: 93px;
  width: 89px;
  top: 216px;
}
.Hempel.Gardens .appt-10 {
  left: 99px;
  height: 54px;
  width: 183px;
  top: 255px;
  z-index: 1;
}
.Hempel.Gardens .appt-11 {
  left: 282px;
  height: 54px;
  width: 178px;
  top: 255px;
}
.Hempel.Gardens .appt-12 {
  left: 99px;
  height: 39px;
  width: 183px;
  top: 216px;
  z-index: 1;
}
.Hempel.Gardens .appt-13 {
  left: 282px;
  height: 39px;
  width: 178px;
  top: 216px;
}
.Hempel.Gardens .appt-14 {
  left: 10px;
  height: 70px;
  width: 89px;
  top: 147px;
}
.Hempel.Gardens .appt-15 {
  left: 99px;
  height: 38px;
  width: 183px;
  top: 180px;
  z-index: 1;
}
.Hempel.Gardens .appt-16 {
  left: 282px;
  height: 38px;
  width: 178px;
  top: 180px;
}
.Hempel.Gardens .appt-17-wrapper .appt-17.top-layer {
  left: 10px;
  top: 97px;
  width: 272px;
  height: 49px;
}
.Hempel.Gardens .appt-17-wrapper .appt-17.bottom-layer {
  left: 99px;
  top: 146px;
  width: 183px;
  height: 34px;
}
.Hempel.Gardens .appt-17-wrapper{
	background: transparent !important;
	width: 0 !important;
	height: 0 !important;
	overflow: visible !important;
}
.Hempel.Gardens .appt-17-wrapper:hover{
	opacity: 1 !important;
}
.Hempel.Gardens .appt-17-wrapper:hover .appt-17.appt-btn{
	opacity: .5 !important;
}
.Hempel.Gardens .appt-17-wrapper.ap-active{
	opacity: 1 !important;
}
.Hempel.Gardens .appt-18 {
  left: 282px;
  top: 97px;
  width: 178px;
  height: 83px;
}

.Hempel.Gardens .small-3d .appt-1 {
	left: 4px;
	top: 193px;
	width: 47px;
	height: 49px;
}
.Hempel.Gardens .small-3d .appt-2 {
	left: 4px;
	top: 221px;
	width: 47px;
	height: 21px;
}
.Hempel.Gardens .small-3d .appt-3 {
	left: 51px;
	top: 221px;
	width: 94px;
	height: 21px;
	z-index:1;
}
.Hempel.Gardens .small-3d .appt-4 {
	left: 51px;
	top: 193px;
	width: 47px;
	height: 49px;
}
.Hempel.Gardens .small-3d .appt-5 {
	left: 98px;
	top: 193px;
	width: 47px;
	height: 49px;
}
.Hempel.Gardens .small-3d .appt-6 {
	left: 145px;
	top: 221px;
	width: 94px;
	height: 21px;
	z-index:1;
}
.Hempel.Gardens .small-3d .appt-7 {
	left: 144px;
	top: 193px;
	width: 48px;
	height: 49px;
}
.Hempel.Gardens .small-3d .appt-8 {
	left: 190px;
	top: 193px;
	width: 48px;
	height: 49px;
}
.Hempel.Gardens .small-3d .appt-9 {
	left: 4px;
	top: 143px;
	width: 49px;
	height: 49px;
}
.Hempel.Gardens .small-3d .appt-10 {
	left: 53px;
	top: 164px;
	width: 93px;
	height: 29px;
}
.Hempel.Gardens .small-3d .appt-11 {
	left: 146px;
	top: 164px;
	width: 93px;
	height: 29px;
}
.Hempel.Gardens .small-3d .appt-12 {
	left: 53px;
	top: 143px;
	width: 93px;
	height: 21px;
}
.Hempel.Gardens .small-3d .appt-13 {
	left: 146px;
	top: 143px;
	width: 93px;
	height: 21px;
}
.Hempel.Gardens .small-3d .appt-14 {
	left: 4px;
	top: 107px;
	width: 49px;
	height: 36px;
}
.Hempel.Gardens .small-3d .appt-15 {
	left: 53px;
	top: 122px;
	width: 93px;
	height: 21px;
}
.Hempel.Gardens .small-3d .appt-16 {
	left: 146px;
	top: 122px;
	width: 93px;
	height: 21px;
}
.Hempel.Gardens .small-3d .appt-17.top-layer {
	left: 4px;
	top: 82px;
	width: 143px;
	height: 26px;
}
.Hempel.Gardens .small-3d .appt-17.bottom-layer {
	left: 53px;
	top: 108px;
	width: 94px;
	height: 16px;
}
.Hempel.Gardens .small-appt-17-wrapper{
	background: transparent !important;
	width: 0 !important;
	height: 0 !important;
	overflow: visible !important;
}
.Hempel.Gardens .small-appt-17-wrapper:hover{
	opacity: 1 !important;
}
.Hempel.Gardens .small-appt-17-wrapper:hover .appt-17.appt-btn{
	opacity: .5 !important;
}
.Hempel.Gardens .small-appt-17-wrapper.ap-active{
	opacity: 1 !important;
}
.Hempel.Gardens .small-3d .appt-18 {
	left: 146px;
	top: 82px;
	width: 93px;
	height: 42px;
}


/*////////////////// HEMPEL GARDENS END //////////////*/

@media screen and (max-width:1199px) {
	.apartments-big, .townhouses-big {
		float: none;
		display: block;
		height: auto;
		margin: -10px auto 0;
		position: absolute;
		left: 290px;
		right: 0
	}
	#slide0 .apartments-big {
		right: 290px;
		left: 0
	}

	.Hempel.Gardens #slide0 .apartments-big {
		right: 0;
		left: 0
	}
	.plan-zoom:not(.landing) {
		width: 438px;
		float: left;
		height: 438px;
		position: absolute;
		margin-top: 98px;
		margin-left: 349px
	}
	.side-info.stackside {
		height: auto;
		width: 350px !important;
		float: left;
		position: absolute;
		right: 93px
	}
	.side-desc .appart-box {
		margin-left: -633px;
		margin-top: -23px
	}
	div#slide1, div#slide2 {
		width: 396px
	}
	#slide1 .apprt-block, #slide2 .apprt-block {
		left: 14px
	}
	#slide2 .townhouses-big .apartment-item {
		left: 137px
	}
	.appart-box .flr-link {
		left: 89px
	}
	.small-3d .apartments-big, .small-3d .townhouses-big {
		left: 103px;
		top: 30px
	}
	#slide1 .apprt-block {
		top: 383px
	}
	.apartment-item {
		left: 98px
	}
}
@media only screen and (max-width:1133px) {
	.Residences .site-content {
		width: 970px;
		margin-left: auto;
		margin-right: auto
	}
	.side-info.stackside {
		right: 6px
	}
	.plan-zoom:not(.landing) {
		margin-left: 263px
	}
}
@media only screen and (max-width:909px) {
	/*.home div.container.content-text {
		max-width: 685px
	}*/
	.homebox {
		margin: 5px 3px
	}
	.small-contact {
		left: 0;
		right: -125px;
		margin: 0 auto;
		top: -20px
	}
	.floorplan-holder {
		margin-top: 0
	}
	.noSel {
		margin: 0 auto;
		right: 0;
		 left:0;
		 max-height: 450px;
	}
	.apprt-block {
		float: left;
		width: 45%;
		padding: 0 5% 0 0
	}
	.Residences .site-content {
		width: 100%
	}
	.plan-zoom:not(.landing) {
		/*left: 0;
		right: 0;*/
		margin-left: auto;
		margin-right: auto;
		width: 100% !important;
		padding: 0 31px;
		max-height: 80%
	}
	.floorplan-holder {
		height: 1029px
	}
	.side-info {
		top: 420px
	}
	.side-desc .appart-box {
		margin-left: 0;
		margin-top: 0
	}
	.side-info.stackside {
		width: 100% !important
	}
	.floor-links {
		position: relative;
		top: 33px;
		right: 0;
		margin: 0 auto;
		left: 0;
		text-align: left
	}
	.small-3d {
		right: 42px;
		position: absolute;
		top: 0
	}
	.stacking-3d.small-3d {
		margin-top: 30px
	}
	.apprt-block.block-side {
		width: 270px;
		margin-left: 112px;
		right: 0;
		position: absolute !important;
		text-align: right
	}
	.side-info .apprt-block {
		top: 261px;
		right: 3
	}
	.would-you {
		position: absolute !important
	}
	.small-3d .enq-btn {
		margin-top: -20px
	}
	.small-3d .enq-btn.small-gotham {
		width: 159px;
		position: absolute;
		left: auto;
		right: 18px
	}
	.side-resize {
		width: 100% !important
	}
	.small-3d-image {
		position: relative
	}
	.small-3d .apartments-big, .small-3d .townhouses-big {
		width: auto;
		left: auto;
		right: 18px;
		top: -30px
	}
	.would-you {
		right: 0;
		bottom: -70px;
		left: 86px;
		margin: 0 auto;
		display: block;
		text-align: left
	}
}
@media only screen and (min-width:768px) and (max-width:890px) {
	.small-contact {
		left: -370px;
		right: 5px;
		margin: 0 auto;
		top: -20px
	}
	div#slide1, div#slide2 {
		margin-top: 160px
	}
	.apprt-block.block-side.block-town {
		top: 260px
	}
}
@media only screen and (max-width:767px) {
	.small-3d .appt-10 {
		height: 18px
	}
	.plan-zoom:not(.landing) {
		left: -3000px
	}
	.current:not(.big-3d), .next:not(.big-3d) {
		width: 100% !important;
		float: none !important;
		margin: 410px auto 0;
		height: 28%;
		padding: 0 6%;
		min-height: 370px
	}
	.side-resize-mobile {
		top: 29% !important
	}
	.assistive-text, .small-3d {
		display: none
	}
	.floorplan-intro {
		text-align: center;
		width: 90%;
		position: relative;
		top: 66px;
		margin: 0 auto 96px;
		max-width: 800px
	}
	.floorplan-intro br {
		display: none
	}
	.apartments-big, .townhouses-big {
		display: block;
		position: relative;
		left: 0;
		right: 0
	}
	.floorplan-holder {
		height: auto;
		overflow-y: visible;
		top: 0 !important;
		min-height: 1374px;
		z-index: -2
	}
	.big-3d, .small-3d {
		position: relative
	}
	.apartments-big .apprt-block, .townhouses-big .apprt-block {
		margin-bottom: 41px
	}
	.plan-zoom {
		width: 100% !important;
		float: none;
		height: auto !important;
		position: absolute;
		max-height: none
	}
	body {
		height: auto !important
	}
	.small-3d .apartments-big, .small-3d .townhouses-big {
		width: auto;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: -30px;
		position: absolute
	}
	.plan-zoom:not(.landing) .small-3d-image {
		width: 152px;
		margin: 0 auto;
		display: block
	}
	.side-info .stacking-3d.small-3d .controls {
		margin: 0 auto;
		left: -26px;
		right: 0;
		position: relative;
		width: 100px;
		height: 300px;
		top: -263px
	}
	.Hempel.Gardens .side-info .stacking-3d.small-3d .controls {
		margin: 0 auto;
		left: 0;
		right: 0;
		position: relative;
		width: 244px;
		height: 300px;
		top: -244px;
	}

	.small-3d-image {
		margin: 0 auto;
		display: block
	}
	.side-info .apprt-block {
		text-align: center;
		left: 0;
		right: 0;
		margin: 0 auto;
		padding: 0
	}
	.side-desc .appart-box {
		text-align: center
	}
	.small-3d .enq-btn.small-gotham {
		left: 0;
		right: 0
	}
	.side-desc span.menu-title-item {
		text-align: center
	}
	.side-desc .appart-box {
		margin-left: 0;
		margin-top: 40px
	}
	.floor-links {
		text-align: center
	}
	span.headline1 {
		margin-bottom: 18px;
		margin-top: 36px
	}
	.apprt-block.block-side {
		width: 234px
	}
	#slide1 .apartments-big, #slide2 .apartments-big {
		width: 100%
	}
	#slide1 .big-3d-image, #slide2 .big-3d-image {
		width: 320px;
		min-width: 320px
	}
	#slide1 .label-title, #slide2 .label-title {
		margin-top: 22px;
		margin-bottom: 20px
	}
	#slide1 .apprt-block, #slide2 .apprt-block {
		right: 0;
		margin: 0 auto;
		padding-right: 0;
		text-align: center
	}
	#slide1 .apt-label, #slide2 .apt-label {
		left: 1px
	}
	#slide1.landing .apartment-item, #slide2.landing .apartment-item {
		left: 0
	}
	#slide1 .apartments-big .apprt-block, #slide1 .townhouses-big .apprt-block {
		width: 174px
	}
	#slide1 .appt-1 {
		left: -173px;
		top: 269px;
		height: 91px;
		width: 82px;
		margin: 0 auto;
		right: 0
	}
	#slide1 .appt-2 {
		left: -7px;
		top: 269px;
		height: 91px;
		width: 85px;
		right: 0;
		margin: 0 auto
	}
	#slide1 .appt-3 {
		left: 163px;
		top: 269px;
		width: 85px;
		height: 91px;
		right: 0;
		margin: 0 auto
	}
	#slide1 .appt-4 {
		left: -87px;
		top: 217px;
		height: 51px;
		width: 165px;
		right: 0;
		margin: 0 auto
	}
	#slide1 .appt-5 {
		left: 162px;
		top: 216px;
		height: 53px;
		width: 85px;
		right: 0;
		margin: 0 auto
	}
	#slide1 .appt-6 {
		left: -89px;
		top: 183px;
		height: 33px;
		width: 164px;
		right: 0;
		margin: 0 auto
	}
	#slide1 .appt-7 {
		left: 161px;
		top: 183px;
		height: 37px;
		width: 86px;
		right: 0;
		margin: 0 auto
	}
	#slide1 .appt-8 {
		left: -88px;
		top: 157px;
		height: 26px;
		width: 164px;
		right: 0;
		margin: 0 auto
	}
	#slide1 .appt-9 {
		left: 161px;
		top: 157px;
		height: 26px;
		width: 86px;
		right: 0;
		margin: 0 auto
	}
	#slide1 .appt-10 {
		top: 118px;
		width: 164px;
		left: -88px;
		height: 35px;
		right: 0;
		margin: 0 auto
	}
	#slide1 .appt-11 {
		height: 38px;
		left: 159px;
		top: 115px;
		width: 84px;
		right: 0;
		margin: 0 auto
	}
	#slide1 .appt-12 {
		width: 243px;
		height: 40px;
		top: 74px;
		left: -7px;
		right: 0;
		margin: 0 auto
	}
	#slide2 .townhouses-big .appt-3 {
		left: -177px;
		top: 252px;
		height: 83px;
		width: 84px;
		right: 0;
		margin: 0 auto
	}
	#slide2 .townhouses-big .appt-2 {
		left: -6px;
		top: 252px;
		height: 82px;
		width: 86px;
		right: 0;
		margin: 0 auto
	}
	#slide2 .townhouses-big .appt-1 {
		left: 242px;
		top: 252px;
		height: 82px;
		width: 86px
	}
	.would-you {
		right: 0;
		bottom: -281px;
		left: 0;
		margin: 0 auto;
		display: block;
		text-align: center
	}
	.floor-links {
		top: 684px
	}
	.small-3d .enq-btn {
		margin-top: -60px
	}
	.side-info.stackside {
		right: 0;
		top: 0 !important;
		margin-top: 90px;
		left: 0
	}
	.stacking-3d.small-3d {
		margin: 445px auto 0;
		left: 0;
		right: 0;
		width: 100%
	}
	.side-info .apprt-block {
		top: 1079px !important
	}
	.block-side .apartment-item, .block-side .apt-label {
		left: 0
	}
	footer .col-md-5, footer .col-md-7 {
		width: 100%
	}
	.small-3d-image {
		padding-top: 15px
	}
	#slide1 .apprt-block, #slide2 .apprt-block {
		float: none;
		top: 327px;
		left: 0
	}
	.small-contact {
		margin: 0 auto;
		right: 0;
		left: 0;
		top: -70px;
		height: 245px;
		padding: 20px 23px 25px
	}
	.small-3d .apartments-big, .small-3d .townhouses-big {
		z-index: -1
	}
	#slide0 .apartments-big, #slide0 .townhouses-big {
		width: 330px
	}
	#slide0 .big-3d-image {
		min-width: 330px
	}
	#slide0 .apprt-block {
		position: relative;
		left: 0;
		margin: 0 auto;
		padding: 0
	}
	#slide0 .apt-label {
		left: 0;
		text-align: center
	}
	#slide0 .apartment-item {
		left: 13px
	}
	#slide0 .townhouses-big .apartment-item {
		left: 56px
	}
	#slide0 .apartments-big, #slide0 .townhouses-big {
		margin-top: 80px
	}
	#slide0.big-3d img {
		padding: 13px 38px 4px
	}
}
.ipad .smooth_zoom_preloader img {
	-webkit-backface-visibility: visible !important;
	-webkit-box-shadow: none !important;
	image-rendering: optimizeQuality !important;
	-ms-interpolation-mode: bicubic !important
}
.ipad .plan-zoom:not(.landing) {
	width: 438px;
	float: left;
	height: 488px
}
@media screen and (max-width:408px) {
	.intro-links a {
		margin: 21px auto
	}
}