body {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

img {
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor
}

body,
html {
	width: 100%;
	height: 100%;
	-webkit-font-smoothing: antialiased
}

.row.no-gutters {
	margin-right: 0;
	margin-left: 0
}

.row.no-gutters [class*=" col-"],
.row.no-gutters [class^=col-] {
	padding-right: 0;
	padding-left: 0
}

.selection {
	margin-bottom: 30px
}

.selection .form-control {
	height: 40px;
	font-size: 16px
}

.notransition {
	-webkit-transition: none!important;
	-moz-transition: none!important;
	-o-transition: none!important;
	transition: none!important
}

.nocolor-white {
	color: #fff
}

.nocolor-white:hover {
	color: #fff;
	text-decoration: none
}

footer {
	color: #000
}

footer.dark {
	color: #fff
}

footer.dark .bottom {
	background: #333;
	color: #fff
}

footer.dark .bottom ul li {
	color: #fff
}

footer.dark .bottom ul li+li {
	border-left: 1px solid rgba(255, 255, 255, .45)
}

footer.dark .bottom ul li a {
	color: #fff
}

footer.dark .bottom ul li a:hover {
	text-decoration: none
}

footer .top ul {
	padding-left: 0;
	list-style: none
}

footer .top ul li {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px
}

footer .top ul a {
	color: #000
}

footer .top ul a:hover {
	text-decoration: none;
	color: #ee3232!important
}

footer .top h2.subttle {
	margin-top: 20px
}

@media (max-width:991px) {
	footer .top .h2past,
	footer .top h2 {
		margin-top: 20px
	}
	footer .top h2.empty {
		margin-top: 0
	}
}

@media (max-width:991px) {
	footer .top p {
		font-size: 20px
	}
}

@media (max-width:767px) {
	footer .top .socialbtn a+a {
		padding-left: 25px
	}
}

@media (max-width:991px) {
	footer .bottom .sitemap {
		text-align: left
	}
}

@media (max-width:991px) {
	footer .bottom .copyright {
		text-align: left;
		padding: 10px 60px 0 15px
	}
}

@media (max-width:1199px) {
	.navbar-nav.pull-right {
		float: right!important
	}
	.navbar-custom .nav li a {
		color: #fff;
		line-height: 40px;
		margin-right: 20px
	}
	.navbar-custom .navbar-header .navbar-toggle {
		border: 0;
		margin-right: 0
	}
	.navbar-custom .navbar-header .navbar-toggle .icon-bar {
		background-color: #fff
	}
	.navbar-custom .navbar-header .navbar-toggle:focus,
	.navbar-custom .navbar-header .navbar-toggle:hover {
		background: 0 0
	}
	.navbar-collapse {
		background: #fff
	}
}

.navbar-default {
	border: 0
}

.navbar-custom {
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	padding: 20px 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

@media (max-width:1199px) {
	.navbar-custom {
		padding: 10px 20px;
		background: 0 0
	}
}

.navbar-custom .navbar-img {
	text-align: center;
	line-height: 59px
}

.navbar-custom .navbar-img.light {
	display: block
}

.navbar-custom .navbar-img.dark {
	display: none
}

.navbar-custom .navbar-img img {
	width: 60px;
	height: 74px;
	margin-right: 10px;
	margin-left: 10px;
	font-weight: 800;
	padding: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

@media (max-width:1199px) {
	.navbar-custom .navbar-img img {
		max-width: 45px
	}
}

.navbar-custom .navbar-nav .fa-search,
.navbar-custom .navbar-right .fa-search {
	font-size: 20px
}

.whitespace {
	display: none;
	background: #fff;
	height: 1px;
	z-index: 10;
	width: 100%;
	position: absolute;
	bottom: -1px
}

.dropdown.open .whitespace {
	display: block
}

.navbar-custom .navbar-header .navbar-toggle {
	color: #777;
	font-weight: 800;
	
	font-size: 16px
}

.navbar-custom .nav li a {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px
}

@media only screen and (min-width:768px) {
	.navbar-custom {
		background: 0 0;
		border-bottom: 1px solid transparent
	}
	.navbar-custom .navbar-brand {
		color: #fff;
		padding: 0;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s
	}
	.navbar-custom .navbar-brand:focus,
	.navbar-custom .navbar-brand:hover {
		color: rgba(255, 255, 255, .8)
	}
	.navbar-custom .nav li a:focus,
	.navbar-custom .nav li a:hover {
		color: #ee3232;
		text-shadow: none;
		background: 0 0
	}
	.navbar-custom .nav li a.dropdown-toggle:focus,
	.navbar-custom .nav li a.dropdown-toggle:hover {
		color: #ee3232;
		background: #fff;
		box-shadow: 1px 1px 8px rgba(0, 0, 0, .5)
	}
}

@media screen and (min-width:992px) {
	.dropdown:hover .dropdown-menu {
		display: block
	}
}

@media (min-width:300px) {
	.navbar-custom.affix {
		background: #fff;
		border-bottom: 1px solid rgba(0, 0, 0, .13);
		z-index: 99999;
		padding: 0
	}
	.navbar-custom.affix .navbar-toggle .icon-bar {
		width: 22px;
		-webkit-transition: all .2s;
		transition: all .2s;
		background: #333;
		margin-right: 15px
	}
	.navbar-custom.affix .navbar-toggle .icon-bar:nth-of-type(1) {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform-origin: 10% 10%;
		-ms-transform-origin: 10% 10%;
		transform-origin: 10% 10%
	}
	.navbar-custom.affix .navbar-toggle .icon-bar:nth-of-type(2) {
		opacity: 0
	}
	.navbar-custom.affix .navbar-toggle .icon-bar:nth-of-type(3) {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform-origin: 10% 90%;
		-ms-transform-origin: 10% 90%;
		transform-origin: 10% 90%
	}
	.navbar-custom.affix .navbar-toggle.collapsed .icon-bar:nth-of-type(1) {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0)
	}
	.navbar-custom.affix .navbar-toggle.collapsed .icon-bar:nth-of-type(2) {
		opacity: 1
	}
	.navbar-custom.affix .navbar-toggle.collapsed .icon-bar:nth-of-type(3) {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0)
	}
	.navbar-custom.affix .logo-large {
		width: 70px;
		padding-top: 0
	}
	.navbar-custom.affix .nav li a {
		color: #333;
		text-shadow: none
	}
	.navbar-custom.affix .nav li a:focus,
	.navbar-custom.affix .nav li a:hover {
		color: #ee3232
	}
	.navbar-custom.affix .dropdown-menu.multi-column {
		margin-top: 1px
	}
	.navbar-custom.affix .navbar-img.light {
		display: none
	}
	.navbar-custom.affix .navbar-img.dark {
		display: block;
		line-height: 58px;
		text-align: center
	}
	.navbar-custom.affix .navbar-img img {
		width: 40px;
		height: 49px;
		margin-right: 20px;
		margin-left: 20px;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s
	}
}

@media (min-width:300px) and (max-width:1199px) {
	.nav>li>a:focus,
	.nav>li>a:hover {
		background: 0 0
	}
	.dropdown-menu.primelogin a.general-btn {
		font-size: 16px;
		padding-left: 25px!important;
		padding-right: 25px!important;
		line-height: 38px;
		text-shadow: none;
		min-width: 130px!important
	}
	.navbar-custom .nav li a {
		line-height: 40px
	}
	.navbar-custom.affix .navbar-img img {
		max-width: 45px
	}
}

@media (min-width:300px) {
	.navbar-custom.affix .dropdown-menu {
		background: #fff!important
	}
	.navbar-custom.affix .nav .open>a,
	.navbar-custom.affix .nav .open>a:focus,
	.navbar-custom.affix .nav .open>a:hover {
		color: #ee3232!important;
		background: #fff;
		text-shadow: none;
		box-shadow: 0 0 8px rgba(0, 0, 0, .3)
	}
}

.megamenu * {
	letter-spacing: 0!important
}

.megamenu .dropdown-menu {
	min-width: 200px
}

.megamenu .dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 8px rgba(0, 0, 0, .175)
}

.megamenu .dropdown-menu.columns-2 {
	min-width: 400px
}

.megamenu .dropdown-menu.columns-3 {
	min-width: 850px
}

@media (min-width:1200px) {
	.mobile-navbar-nav {
		display: none
	}
	.megamenu .dropdown-menu.columns-3 {
		min-width: 1050px
	}
}

.megamenu .dropdown-menu li a {
	padding: 4px 15px;
	font-weight: 300;
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #333;
	font-size: 14px;
	text-transform: none;
	text-shadow: none!important;
	box-shadow: none!important
}

.megamenu .dropdown-menu li a:hover {
	color: #ee3232
}

.megamenu .nav .open>a,
.megamenu .nav .open>a:focus,
.megamenu .nav .open>a:hover {
	color: #ee3232!important;
	background: #fff;
	text-shadow: none;
	box-shadow: 1px 1px 8px rgba(0, 0, 0, .5)
}

.megamenu .dropdown-menu.investorelations {
	min-width: 250px
}

.megamenu .dropdown-menu.multi-column {
	padding: 15px 8px
}

.megamenu .dropdown-menu.multi-column .border-right {
	border-right: 1px solid #ccc
}

.megamenu .dropdown-menu.multi-column li a {
	font-weight: 700;
	
	font-size: 16px;
	padding-top: 8px;
	padding-bottom: 8px
}

.megamenu .dropdown-menu.multi-column li a.prosector {
	display: inline-block;
	font-size: 11px;
	font-weight: 700
}

.megamenu .dropdown-menu.multi-column li a.greytxt {
	color: #666
}

.megamenu .dropdown-menu.multi-column li a.nohref {
	padding-top: 10px;
	padding-bottom: 4px
}

.megamenu .dropdown-menu.multi-column li a.nohref:hover {
	color: #333
}

.megamenu .dropdown-menu.multi-column li a.general-btn {
	display: inline-block;
	min-width: auto;
	width: auto;
	font-weight: 400;
	font-size: 11px;
	padding-left: 12px;
	padding-right: 12px;
	margin: 0
}

@media (min-width:1200px) {
	.megamenu .dropdown-menu.multi-column li a.general-btn {
		font-size: 16px;
		padding-left: 25px;
		padding-right: 25px
	}
}

@media (min-width:1200px) {
	.megamenu .dropdown-menu.multi-column li a.general-btn.primebtn {
		padding-left: 14px;
		padding-right: 14px
	}
}

.megamenu .dropdown-menu.multi-column li a.general-btn+.general-btn {
	margin-left: 5px
}

.megamenu .dropdown-menu.multi-column li a.general-btn:hover {
	background: #ee3232;
	color: #fff
}

.megamenu .dropdown-menu.multi-column li a hr {
	margin-top: 8px;
	margin-bottom: 8px;
	border: 0;
	border-top: 1px solid #ccc
}

.megamenu .dropdown-menu.multi-column li a hr.nobtm {
	margin-bottom: 0
}

.megamenu .dropdown-menu.multi-column li ul {
	margin-left: 0
}

.megamenu .dropdown-menu.multi-column li ul ol {
	margin-left: -23px
}

.megamenu .dropdown-menu.multi-column li ul ol li {
	list-style-image: url(../img/sub-list-style.png)
}

.megamenu .dropdown-menu.multi-column li ul.townlist {
	margin-bottom: 10px
}

.megamenu .dropdown-menu.multi-column li ul.townlist.mar25 {
	margin-left: -25px
}

.megamenu .dropdown-menu.multi-column li ul li {
	list-style: none;
	text-align: left;
	padding: 4px 0
}

.megamenu .dropdown-menu.multi-column li ul li a {
	font-weight: 400;
	text-transform: none;
	padding: 0 15px 0 0
}

.megamenu .dropdown-menu.multi-column li:first-child {
	margin-left: 0
}

.megamenu .dropdown-menu.multi-column li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #333;
	font-size: 14px;
	text-transform: nonet;
	text-shadow: none!important;
	box-shadow: none!important
}

.megamenu .dropdown-menu.multi-column li a:hover {
	color: #ee3232
}

.megamenu .dropdown-menu.multi-column li a b {
	font-weight: 700;
	font-size: 14px
}

.megamenu .dropdown-menu.multi-column li a .h2past,
.megamenu .dropdown-menu.multi-column li a h2 {
	font-weight: 700;
	font-size: 16px;
	margin: 0;
	margin-bottom: -5px
}

.megamenu .multi-column-dropdown {
	list-style: none;
	margin: 0;
	padding: 0
}

.megamenu .multi-column-dropdown.col-row-2 {
	height: 45%
}

.megamenu .multi-column-dropdown li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #333;
	white-space: normal
}

.megamenu .multi-column-dropdown li a:hover {
	text-decoration: none;
	color: #262626;
	background-color: transparent
}

.navbar-toggle {
	margin-top: 16px
}

.property-page-temp .navbar-toggle {
	border: none;
	background: 0 0!important
}

.property-page-temp .navbar-toggle:hover {
	background: 0 0!important
}

.property-page-temp .navbar-toggle .icon-bar {
	width: 22px;
	-webkit-transition: all .2s;
	transition: all .2s
}

.property-page-temp .navbar-toggle.x .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 10% 10%;
	-ms-transform-origin: 10% 10%;
	transform-origin: 10% 10%
}

.property-page-temp .navbar-toggle.x .icon-bar:nth-of-type(2) {
	opacity: 0
}

.property-page-temp .navbar-toggle.x .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 10% 90%;
	-ms-transform-origin: 10% 90%;
	transform-origin: 10% 90%
}

.property-page-temp .navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0)
}

.property-page-temp .navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
	opacity: 1
}

.property-page-temp .navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0)
}

.property-page-temp .navbar-inverse {
	border: transparent;
	background: 0 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

@media screen and (max-width:1199px) {
	.property-page-temp .navbar-inverse {
		background: #333
	}
}

.property-page-temp .navbar-inverse .navbar-nav>.active>a {
	background: 0 0
}

@media screen and (max-width:1199px) {
	.property-page-temp .navbar-nav {
		text-align: center
	}
}

.property-page-temp .navbar-nav li {
	background: 0 0;
	color: #fff
}

.property-page-temp .navbar-nav li.no-pad {
	padding: 0;
	margin: 0
}

.property-page-temp .navbar-nav li .devider {
	border-right: 1px solid #fff;
	padding: 0;
	padding-right: 35px!important;
	margin-right: 15px
}

.property-page-temp .navbar-nav li a {
	
	font-family: Gotham-Book;
	letter-spacing: 1px;
	font-size: 14px!important;
	color: #fff!important;
	padding: 5px 8px!important;
	margin: 9px 20px
}

.property-page-temp .navbar-nav li a.dropdown-toggle i {
	padding-left: 15px
}

@media screen and (min-width:992px) {
	.property-page-temp .navbar-nav li a {
		font-size: 16px!important;
		padding: 3px 5px!important;
		margin: 12px 5px;
		text-shadow: 0 0 5px rgba(0, 0, 0, .6)
	}
}

@media screen and (min-width:1100px) {
	.property-page-temp .navbar-nav li a {
		font-size: 16px!important;
		padding: 3px 8px!important;
		margin: 12px 15px
	}
}

.property-page-temp .navbar-nav li a.reg-btn {
	border: 1px solid #fff
}

.property-page-temp .navbar-nav li a.reg-btn:hover {
	text-shadow: none
}

@media screen and (max-width:1199px) {
	.property-page-temp .navbar-nav li a.reg-btn {
		width: 150px;
		text-align: center!important;
		margin: 0 auto
	}
}

.property-page-temp .navbar-nav li a.reg-btn:hover {
	background: #fff!important;
	color: #ee3232!important
}

.property-page-temp .navbar-nav li a.active {
	background: 0 0!important
}

.property-page-temp .navbar-nav .dropdown-menu {
	text-align: left;
	top: 100%;
	left: -7px;
	margin-top: 2px!important;
	float: left;
	min-width: 160px;
	padding: 0;
	margin: 0;
	font-size: 11px;
	list-style: none;
	background-color: #fff;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	
}

@media screen and (max-width:1199px) {
	.property-page-temp .navbar-nav .dropdown-menu {
		width: 100%;
		text-align: center;
		background: #333;
		-webkit-box-shadow: none;
		box-shadow: none
	}
}

.property-page-temp .navbar-nav .dropdown-menu .active,
.property-page-temp .navbar-nav .dropdown-menu :focus {
	background: #333
}

.property-page-temp .navbar-nav .dropdown-menu .active a,
.property-page-temp .navbar-nav .dropdown-menu :focus a {
	background: 0 0;
	color: #fff!important
}

.property-page-temp .navbar-nav .dropdown-menu li {
	margin: 0!important
}

@media screen and (min-width:992px) {
	.property-page-temp .navbar-nav .dropdown-menu li.topborder {
		border-top: 1px solid #ccc
	}
}

.property-page-temp .navbar-nav .dropdown-menu li a {
	padding: 10px 20px!important;
	margin: 0!important;
	color: #333!important;
	text-shadow: none
}

.property-page-temp .navbar-nav .dropdown-menu li a:hover {
	background: 0 0
}

@media screen and (max-width:1199px) {
	.property-page-temp .navbar-nav .dropdown-menu li a {
		color: #fff!important
	}
}

.property-page-temp .navbar-nav .dropdown-menu li:hover {
	background: #333
}

.property-page-temp .navbar-nav .dropdown-menu li:hover a {
	color: #fff!important
}

@media screen and (max-width:1199px) {
	.property-page-temp .navbar-nav .dropdown-menu li:hover a {
		color: #333!important
	}
}

@media screen and (max-width:1199px) {
	.property-page-temp .navbar-nav .dropdown-menu li:hover {
		background: #fff
	}
}

.property-page-temp .navbar-nav.outside {
	max-width: 300px;
	display: inline-block;
	margin: 0
}

.property-page-temp .navbar-nav.outside li {
	display: inline-block
}

.property-page-temp .navbar-nav.outside li a {
	padding: 0
}

.property-page-temp .navbar-toggle {
	z-index: 999
}

.property-page-temp .navbar-right {
	margin-top: -18px;
	padding-right: 15px
}

@media screen and (max-width:1199px) {
	.property-page-temp .navbar-right {
		padding-right: 0;
		width: 100%;
		margin: 0
	}
}

@media screen and (min-width:1200px) {
	.property-page-temp .navbar-right {
		padding-right: 20px;
		margin-top: auto
	}
}

.property-page-temp .navbar-right .stickyfoo {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background: #333;
	padding: 0;
	border-top: 1px solid rgba(255, 255, 255, .35);
	-webkit-transition: all 0;
	transition: all 0;
	background: #333
}

.property-page-temp .navbar-right .stickyfoo a {
	margin: 7px
}

.property-page-temp .navbar-brand {
	padding-top: 0;
	padding-bottom: 0
}

.property-page-temp .navbar-brand.navbar-brand-centered {
	width: 260px;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
	cursor: default;
	line-height: 20px;
	position: absolute;
	vertical-align: middle;
	
	font-size: 14px;
	letter-spacing: 2px;
	font-family: Gotham-Medium;
	text-shadow: 0 0 2px rgba(0, 0, 0, .45)
}

@media screen and (min-width:992px) {
	.property-page-temp .navbar-brand.navbar-brand-centered {
		font-size: 19px;
		width: 320px
	}
}

.property-page-temp .navbar-brand.navbar-brand-centered a {
	color: #fff;
	position: relative;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	right: 0
}

.property-page-temp .navbar-brand.navbar-brand-centered a:hover {
	text-decoration: none
}

.property-page-temp .logo-large {
	width: 70px;
	text-align: left
}

@media screen and (min-width:992px) {
	.property-page-temp .logo-large {
		width: 120px;
		text-align: center
	}
}

.property-page-temp .logo-large img {
	width: 40px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

@media screen and (min-width:992px) {
	.property-page-temp .logo-large img {
		width: 100px;
		padding: 10px 15px
	}
}

@media (min-width:992px) {
	.property-page-temp .navbar-inverse.affix {
		background: #333;
		z-index: 99999
	}
	.property-page-temp .navbar-inverse.affix li a {
		text-shadow: none
	}
	.property-page-temp .navbar-inverse.affix .logo-large img {
		width: 70px;
		padding-top: 0
	}
	.property-page-temp .navbar-inverse.affix .dropdown-menu {
		background: #fff!important
	}
}

@media (max-width:1199px) {
	.property-page-temp #navbar-collapse-x {
		height: 100vh!important;
		max-height: 100%!important;
		background-color: #333;
		overflow-x: hidden!important;
		border: none!important;
		box-shadow: none;
		padding-bottom: 120px;
		padding-top: 10px;
		border-top: 1px solid rgba(255, 255, 255, .35)!important
	}
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline: 0!important
}

select::-ms-expand {
	display: none
}

select+i.fa {
	float: right;
	margin-top: -30px;
	margin-right: 8px;
	font-size: 23px;
	pointer-events: none;
	background-color: transparent;
	color: #000!important;
	padding-right: 5px
}

select option {
	padding-right: 21px
}

a {
	color: #ee3232;
	text-decoration: none;
	outline: 0!important
}

a:focus {
	text-decoration: none
}

a:hover {
	color: #ee3232;
	text-decoration: underline
}

a.blk {
	color: #333
}

a.blk:hover {
	color: #ee3232;
	text-decoration: underline
}

.general-btn {
	outline: 0!important;
	margin-top: 20px;
	border: 1px solid rgba(0, 0, 0, .5);
	font-size: 16px;
	font-weight: 700;
	min-width: 180px;
	border-radius: 40px;
	padding: 10px 35px;
	color: #000!important;
	display: inline-block;
	
}

.general-btn:hover {
	transition: all .3s ease;
	border: 1px solid #ee3232;
	background: #ee3232;
	color: #fff!important;
	text-decoration: none
}

.general-btn.light {
	border: 1px solid #fff;
	color: #fff!important
}

.general-btn.light:hover {
	border: 1px solid #ee3232
}

.general-btn.grey {
	border: 1px solid rgba(0, 0, 0, .5);
	color: #000!important;
	background: #f4f4f4
}

.general-btn.grey:hover {
	border: 1px solid #ee3232;
	background: #ee3232;
	color: #fff!important
}

.general-btn-radius {
	outline: 0!important;
	margin-top: 20px;
	border: 1px solid rgba(0, 0, 0, .5);
	font-size: 16px;
	font-weight: 700;
	min-width: 120px;
	border-radius: 4px;
	padding: 10px;
	color: #000!important;
	display: inline-block;
	
}

.general-btn-radius:hover {
	transition: all .3s ease;
	border: 1px solid #ee3232;
	background: #ee3232;
	color: #fff!important;
	text-decoration: none
}

.general-btn-radius.red {
	border: 1px solid #ee3232;
	color: #ee3232!important
}

.general-btn-radius.red:hover {
	color: #fff!important
}

.general-btn-radius+.general-btn-radius {
	margin-left: 6px
}

.sbreadcrumb {
	margin: 0 auto;
	border-bottom: 1px solid rgba(0, 0, 0, .13);
	padding: 0;
	width: 100%;
	top: 60px;
	background: rgba(255, 255, 255, .96)!important;
	z-index: 9999
}

@media (max-width:767px) {
	.sbreadcrumb {
		top: 60px;
		margin-top: -1px
	}
}

.sbreadcrumb .actioncover {
	padding: 0
}

.sbreadcrumb a {
	font-size: 13px
}

.sbreadcrumb a.actionbtn {
	color: #fff;
	min-height: 41px;
	line-height: 41px;
	background: #999;
	font-size: 13px;
	font-weight: 700
}

.sbreadcrumb a.actionbtn.red {
	background: #ee3232
}

.sbreadcrumb a.actionbtn.red:hover {
	background: #e20000
}

.sbreadcrumb a.actionbtn:hover {
	text-decoration: none;
	background: #777
}

.sbreadcrumb .list {
	line-height: 40px
}

.sbreadcrumb .list a {
	color: #000;
	font-weight: 700
}

.sbreadcrumb .list a:hover {
	color: #ee3232;
	text-decoration: none
}

.sbreadcrumb .list.active a {
	color: #666;
	font-weight: 400
}

.sbreadcrumb .list+.list:before {
	font-family: FontAwesome;
	content: "\f105";
	color: #666;
	padding: 0 7px
}

.sbreadcrumb .breadcrumb {
	padding: 11px 15px 11px 0;
	margin: 0;
	background: 0 0;
	font-size: 13px;
	
}

.sbreadcrumb .breadcrumb>li+li:before {
	font-family: FontAwesome;
	content: "\f105";
	color: #666
}

.sbreadcrumb .breadcrumb li a {
	font-size: 13px!important;
	color: #000;
	font-weight: 700
}

.sbreadcrumb .breadcrumb li a:focus {
	text-decoration: none
}

.sbreadcrumb .breadcrumb li a:hover {
	color: #ee3232;
	text-decoration: none
}

.sbreadcrumb .breadcrumb li a.active {
	color: #666;
	font-weight: 400
}

.panel-group .panel {
	border-radius: 0;
	box-shadow: none;
	border: 0;
	border-top-style: solid;
	border-top-color: #000;
	border-top-width: 1px;
	background: 0 0
}

.panel-group .panel+.panel {
	margin-top: 0
}

.panel-group .panel:last-child {
	border-bottom-style: solid;
	border-bottom-color: #000;
	border-bottom-width: 1px
}

.panel-default>.panel-heading {
	padding: 0;
	border-radius: 0;
	text-align: left;
	color: #212121;
	background-color: transparent;
	border-color: #000
}

.panel-title {
	font-size: 20px;
	text-align: left;
	background: 0 0;
	font-family: Gotham-Medium
}

@media (max-width:640px) {
	.panel-title {
		font-size: 17px
	}
}

.panel-title>a {
	display: block;
	color: #000;
	padding: 15px;
	text-decoration: none;
	text-align: left;
	background: 0 0
}

.panel-title i {
	font-size: 20px
}

.more-less {
	float: right;
	color: #212121
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: transparent;
	text-align: left;
	padding: 5px 15px 15px
}

@media only screen and (max-width:800px) {
	#no-more-tables table,
	#no-more-tables tbody,
	#no-more-tables td,
	#no-more-tables th,
	#no-more-tables thead,
	#no-more-tables tr {
		display: block
	}
	#no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px
	}
	#no-more-tables tr {
		border: 1px solid #ccc
	}
	#no-more-tables td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align: left
	}
	#no-more-tables td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: 700
	}
	#no-more-tables td:before {
		content: attr(data-title)
	}
}

.fancybox-bg {
	background: #2e3134!important
}

.slick-lightbox {
	background: #2e3134!important
}

@media (min-width:767px) {
	.nopadbtm-desk {
		padding-bottom: 0
	}
}

.no-pad {
	padding: 0
}

.padtop20 {
	padding-top: 20px
}

.nopadbtm {
	padding-bottom: 0!important
}

.nopadtopbtm {
	padding-top: 0!important;
	padding-bottom: 0!important;
	margin-top: -1px
}

.pad20 {
	padding-top: 15px;
	padding-bottom: 15px
}

.propertylogo {
	margin-bottom: 30px
}

img.propertylogo {
	width: 100%;
	max-width: 220px
}

.bgoverlay {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .45);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

#backtotop {
	display: none;
	position: fixed;
	z-index: 999;
	right: 0;
	bottom: 37px;
	cursor: pointer
}

@media (min-width:768px) and (max-width:991px) {
	#backtotop {
		bottom: 7px
	}
}

@media (min-width:381px) and (max-width:767px) {
	#backtotop {
		bottom: 8px
	}
}

@media (max-width:480px) {
	#backtotop {
		bottom: 80px
	}
}

#backtotop .bbtn {
	background: #000;
	color: #fff;
	padding: 6px 8px 10px;
	vertical-align: middle;
	display: inline-block;
	text-align: center
}

#backtotop .bbtn i {
	margin: 0;
	padding: 0;
	font-size: 20px
}

#backtotop .bbtn p {
	display: block;
	padding: 0;
	margin: 0;
	margin-top: -4px;
	font-size: 10px;
	font-weight: 400
}

#backtotop .bbtn:focus,
#backtotop .bbtn:hover {
	text-decoration: none
}

.greybg {
	background: #f4f4f4!important
}

.section-col {
	padding: 50px 0
}

.section-col2 {
	padding: 70px 0
}

.top-gap {
	padding: 30px 0 0;
	overflow: hidden
}

.col-centered {
	display: inline-block!important;
	float: none!important;
	margin-right: -4px;
	vertical-align: top;
	padding-bottom: 30px
}

.col-centered a {
	word-wrap: break-word
}

.bottom-gap {
	padding: 0 0 30px
}

.slidermob3 .slick-dots li.slick-active button:before {
	font-size: 13px;
	line-height: 13px;
	opacity: 1
}

.slidermob3 .slick-dots li button::before {
	font-size: 11px;
	line-height: 13px;
	opacity: .6
}

.slidermob3 .slick-next:before,
.slidermob3 .slick-prev:before {
	font-family: slick;
	font-size: 20px;
	line-height: 1;
	opacity: 1;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slidermob3 .slick-prev {
	z-index: 99;
	left: 0
}

@media (min-width:992px) {
	.slidermob3 .slick-prev {
		left: -4px
	}
}

.slidermob3 [dir=rtl] .slick-prev {
	left: auto;
	right: 0
}

@media (min-width:992px) {
	.slidermob3 [dir=rtl] .slick-prev {
		right: -4px
	}
}

.slidermob3 .slick-prev:before {
	content: url(../img/icon-prev-dark.svg)
}

.slidermob3 .slick-next {
	right: 0
}

@media (min-width:992px) {
	.slidermob3 .slick-next {
		right: -4px
	}
}

.slidermob3 [dir=rtl] .slick-next {
	right: auto;
	left: 0
}

@media (min-width:992px) {
	.slidermob3 [dir=rtl] .slick-next {
		left: -4px
	}
}

.slidermob3 .slick-next:before {
	content: url(../img/icon-next-dark.svg)
}

.slidermob3 .slick-arrow {
	width: 35px;
	height: 35px
}

@-moz-keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-moz-transform: translateY(0);
		transform: translateY(0)
	}
	40% {
		-moz-transform: translateY(-4px);
		transform: translateY(-4px)
	}
	60% {
		-moz-transform: translateY(-7px);
		transform: translateY(-7px)
	}
}

@-webkit-keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	40% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px)
	}
	60% {
		-webkit-transform: translateY(-7px);
		transform: translateY(-7px)
	}
}

@keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	40% {
		-moz-transform: translateY(-4px);
		-ms-transform: translateY(-4px);
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px)
	}
	60% {
		-moz-transform: translateY(-7px);
		-ms-transform: translateY(-7px);
		-webkit-transform: translateY(-7px);
		transform: translateY(-7px)
	}
}

.bounce {
	-moz-animation: bounce 2.5s infinite;
	-webkit-animation: bounce 2.5s infinite;
	animation: bounce 2.5s infinite
}

header .btn-scroll {
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	z-index: 100;
	text-align: center;
	margin: 0 auto;
	width: 40px;
	height: 40px;
	background: #a5a5a0;
	border-radius: 40px;
	box-shadow: 0 0 8px rgba(0, 0, 0, .5)
}

header .btn-scroll i {
	line-height: 40px;
	width: 40px;
	font-size: 28px;
	color: #fff
}

@media (max-width:767px) {
	header .btn-scroll {
		bottom: 10px
	}
}

header #topbanner .slide .text-cover .h1past,
header #topbanner .slide .text-cover h1 {
	color: #fff;
	font-size: 40px;
	text-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

header #topbanner .slide .text-cover p {
	color: #fff;
	font-weight: 400;
	margin-top: 20px;
	font-size: 18px;
	text-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

header #topbanner .slide .text-cover a {
	border: 1px solid #fff;
	background: #fff;
	color: #ee3232;
	padding: 7px 50px 10px;
	border-radius: 20px;
	margin-top: 30px;
	text-align: center;
	display: inline-block;
	font-weight: 700;
	vertical-align: middle;
	font-size: 17px;
	transition: all .3s ease-out
}

header #general-header {
	width: 100%;
	z-index: 100;
	position: relative
}

header #general-header .banner-corp-governance {
	background: url(../img/banner-bg-corp-governance.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-corp-governance {
		min-height: 640px
	}
}

header #general-header .banner-malls-overview {
	background: url(../img/banner-bg-malls-overview.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-malls-overview {
		min-height: 640px
	}
}

header #general-header .banner-investor {
	background: url(../img/banner-bg-investor-relations.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-investor {
		min-height: 640px
	}
}

header #general-header .banner-corp-info {
	background: url(../img/banner-corp-info.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-corp-info {
		min-height: 640px
	}
}

header #general-header .banner-malls-melawati {
	background: url(../img/banner-bg-melawati-mall.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-malls-melawati {
		min-height: 640px
	}
}

header #general-header .banner-asset-mgmt {
	background: url(../img/banner-bg-asset-mgmt.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-asset-mgmt {
		min-height: 640px
	}
}

header #general-header .banner-whatwedo {
	background: url(../img/banner-bg-whatwedo.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-whatwedo {
		min-height: 640px
	}
}

header #general-header .banner-whoweare {
	background: url(../img/whoweare-overview-bg.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-whoweare {
		min-height: 640px
	}
}

header #general-header .banner-propertydev {
	background: url(../img/banner-bg-propertydev.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-propertydev {
		min-height: 640px
	}
}

header #general-header .banner-putraheights {
	background: url(../img/banner-bg-putraheights.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-putraheights {
		min-height: 640px
	}
}

header #general-header .banner-compare {
	background: url(../img/banner-bg-compare.jpg) center center;
	background-size: cover;
	min-height: 400px
}

header #general-header .banner-generic {
	background: url(../img/banner-bg-sitemap.jpg) center center;
	background-size: cover;
	min-height: 400px
}

header #general-header .banner-theglades {
	background: url(../img/banner-bg-theglades.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-theglades {
		min-height: 640px
	}
}

header #general-header .banner-about {
	background: url(../img/banner-bg-about.jpg) top center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-about {
		min-height: 640px
	}
}

header #general-header .banner-bod {
	background: url(../img/banner-bg-bod.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-bod {
		min-height: 640px
	}
}

header #general-header .banner-leadership {
	background: url(../img/banner-bg-leadership.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-leadership {
		min-height: 640px
	}
}

header #general-header .banner-awards {
	background: url(../img/banner-bg-awards.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-awards {
		min-height: 640px
	}
}

header #general-header .banner-water {
	background: url(../img/banner-bg-water.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-water {
		min-height: 640px
	}
}

header #general-header .banner-carbon {
	background: url(../img/banner-bg-carbon.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-carbon {
		min-height: 640px
	}
}

header #general-header .banner-happenings {
	background: url(../img/banner-bg-happenings.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-happenings {
		min-height: 640px
	}
}

header #general-header .banner-waste {
	background: url(../img/banner-bg-waste.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-waste {
		min-height: 640px
	}
}

header #general-header .banner-engagement {
	background: url(../img/banner-bg-engagement.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-engagement {
		min-height: 640px
	}
}

header #general-header .banner-operational {
	background: url(../img/banner-bg-operational.jpg) top center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-operational {
		min-height: 640px
	}
}

header #general-header .banner-safetyhealth {
	background: url(../img/banner-bg-safetyhealth.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-safetyhealth {
		min-height: 640px
	}
}

header #general-header .banner-humanrights {
	background: url(../img/banner_human_rights.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-humanrights {
		min-height: 640px
	}
}

header #general-header .banner-ysa {
	background: url(../img/banner-bg-ysa.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-ysa {
		min-height: 640px
	}
}

header #general-header .banner-sustainability {
	background: url(../img/banner-bg-sustainability.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-sustainability {
		min-height: 640px
	}
}

header #general-header .banner-careers {
	background: url(../img/banner-bg-careers.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-careers {
		min-height: 640px
	}
}

header #general-header .banner-contact {
	background: url(../img/banner-bg-contact.jpg) center center;
	background-size: cover;
	min-height: 400px
}

@media (min-width:768px) {
	header #general-header .banner-contact {
		min-height: 640px
	}
}

header #general-header .text-cover {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translate(0, -50%);
	text-align: center
}

header #general-header .text-cover .h1past,
header #general-header .text-cover h1 {
	color: #fff;
	font-size: 40px;
	text-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

header #general-header .text-cover p {
	color: #fff;
	margin-top: 20px;
	text-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

header #general-header .text-cover a {
	border: 1px solid #fff;
	background: #fff;
	color: #ee3232;
	padding: 7px 50px 10px;
	border-radius: 20px;
	margin-top: 30px;
	text-align: center;
	display: inline-block;
	font-weight: 700;
	vertical-align: middle;
	font-size: 17px;
	transition: all .3s ease-out
}

header #general-header .text-cover a span {
	font-size: 16px;
	vertical-align: middle;
	line-height: 17px;
	font-weight: 700
}

header #general-header .text-cover a i {
	padding-left: 8px;
	vertical-align: middle;
	line-height: 17px
}

header #general-header .text-cover a:hover {
	text-decoration: none;
	border: 1px solid #ee3232;
	background: #ee3232;
	color: #fff
}

header #whoweare {
	height: 100vh;
	width: 100%;
	flex-wrap: wrap;
	z-index: 100;
	overflow: hidden
}

header #whoweare .slide {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh
}

header #whoweare .slide.banner01 {
	background: url(../img/whoweare-overview-bg.jpg) center center;
	background-size: cover
}

header #whoweare .slide.banner02 {
	background: url(../img/banner-bg-thenation.jpg) center center;
	background-size: cover
}

header #whoweare .slide.banner03 {
	background: url(../img/banner-bg-sjcc.jpg) center center;
	background-size: cover
}

header #whoweare .slide .text-cover {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translate(0, -50%);
	text-align: center
}

header #whoweare .slide .text-cover .h1past,
header #whoweare .slide .text-cover h1 {
	color: #fff;
	font-size: 40px;
	text-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

header #whoweare .slide .text-cover p {
	color: #fff;
	margin-top: 20px;
	text-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

header #whoweare .slide .text-cover a {
	border: 1px solid #fff;
	background: #fff;
	color: #ee3232;
	padding: 7px 50px 10px;
	border-radius: 20px;
	margin-top: 30px;
	text-align: center;
	display: inline-block;
	font-weight: 700;
	vertical-align: middle;
	font-size: 17px;
	transition: all .3s ease-out
}

header #whoweare .slide .text-cover a span {
	font-size: 16px;
	vertical-align: middle;
	line-height: 17px;
	font-weight: 700
}

header #whoweare .slide .text-cover a i {
	padding-left: 8px;
	vertical-align: middle;
	line-height: 17px
}

header #whoweare .slide .text-cover a:hover {
	text-decoration: none;
	border: 1px solid #ee3232;
	background: #ee3232;
	color: #fff
}

header #whoweare .slick-dots li {
	height: 5px!important
}

header #whoweare .slick-dots li button:focus:before {
	opacity: .25
}

header #whoweare .slick-dots li button {
	height: 5px!important;
	padding: 0
}

header #whoweare .slick-dots li button:before {
	height: 5px;
	vertical-align: bottom;
	display: inline-block;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

header #whoweare .slick-dots li.slick-active button:before {
	height: 5px;
	display: inline-block;
	opacity: .75
}

header #whoweare .slick-dots {
	left: 0;
	right: 0;
	bottom: 110px;
	position: absolute
}

header #whoweare .slick-dots li {
	width: 50px
}

header #whoweare .slick-dots li+li {
	margin-left: 10px
}

header #whoweare .slick-dots li button {
	width: 50px
}

header #whoweare .slick-dots li button:before {
	width: 50px;
	height: 5px;
	background: #fff;
	font-size: 0
}

#latesthappening {
	overflow-x: hidden
}

@media (max-width:991px) {
	#latesthappening .general-btn {
		margin-top: 60px
	}
}

#latesthappening .happen-sec .caption h6 {
	font-size: 16px;
	margin: 15px 0 5px
}

#latesthappening .happen-sec .caption .h2past,
#latesthappening .happen-sec .caption h2 {
	font-size: 20px;
	margin-bottom: 15px
}

#latesthappening .happen-sec .caption p {
	font-size: 16px;
	margin-bottom: 15px
}

#latesthappening .happen-sec .caption a {
	font-weight: 700;
	color: #333;
	text-decoration: underline;
}

#latesthappening .sliderhappening a {
	color: #fff;
	text-decoration: none
}

#latesthappening .sliderhappening a .happen-sec {
	position: relative;
	overflow: hidden;
	max-width: 360px;
	min-height: 454px
}

@media (min-width:768px) {
	#latesthappening .sliderhappening a .happen-sec:hover .caption-overlay {
		transition: all .5s ease;
		bottom: 0;
		transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-webkit-transform: translate(0, 0)
	}
}

#latesthappening .sliderhappening a .happen-sec:hover .caption-overlay .subcap p {
	height: auto;
	transition: all .3s ease-out
}

@media (min-width:768px) {
	#latesthappening .sliderhappening a .happen-sec:hover .caption-overlay .subcap p {
		height: 45px
	}
}

@media (min-width:768px) {
	#latesthappening .sliderhappening a .happen-sec:hover .caption-overlay .subcap {
		transition: all .3s ease-in;
		bottom: 0;
		transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-webkit-transform: translate(0, 0)
	}
}

#latesthappening .sliderhappening a .happen-sec .gradient-overlay {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: 0 0;
	background: -moz-linear-gradient(top, transparent 50%, rgba(0, 0, 0, .9) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(50%, transparent), color-stop(100%, rgba(0, 0, 0, .9)));
	background: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, .9) 100%);
	background: -o-linear-gradient(top, transparent 50%, rgba(0, 0, 0, .9) 100%);
	background: -ms-linear-gradient(top, transparent 50%, rgba(0, 0, 0, .9) 100%);
	background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .9) 100%)
}

#latesthappening .sliderhappening a .happen-sec .caption-overlay {
	position: absolute;
	text-align: left;
	padding: 20px;
	color: #fff;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0
}

@media (min-width:768px) {
	#latesthappening .sliderhappening a .happen-sec .caption-overlay {
		transition: all .5s ease;
		bottom: -9%;
		transform: translate(0, 9%);
		-o-transform: translate(0, 9%);
		-moz-transform: translate(0, 9%);
		-webkit-transform: translate(0, 9%)
	}
}

#latesthappening .sliderhappening a .happen-sec .caption-overlay h3 {
	margin: 0
}

#latesthappening .sliderhappening a .happen-sec .caption-overlay .subcap {
	margin: 0;
	font-size: 16px;
	line-height: 16px;
	font-weight: 300;
	margin-top: 10px;
	bottom: 0;
	transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0)
}

@media (min-width:768px) {
	#latesthappening .sliderhappening a .happen-sec .caption-overlay .subcap {
		bottom: -45%;
		transform: translate(0, 45%);
		-o-transform: translate(0, 45%);
		-moz-transform: translate(0, 45%);
		-webkit-transform: translate(0, 45%)
	}
}

@media (min-width:768px) {
	#latesthappening .sliderhappening a .happen-sec .caption-overlay .subcap p {
		height: 0;
		transition: all .4s ease-out
	}
}

#latesthappening .sliderhappening a .happen-sec .caption-overlay .subcap .ctatxt {
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	display: block;
	text-decoration: underline;
	margin-top: 20px
}

@media (max-width:767px) {
	#latesthappening .sliderhappening .general-btn {
		margin-top: 50px
	}
}

#latestlaunches {
	overflow-x: hidden;
	padding: 100px 0
}

#latestlaunches .launcover {
	border: 1px solid #fff;
	min-height: 320px;
	padding: 0
}

@media (min-width:768px) {
	#latestlaunches .launcover:hover .solid-overlay {
		height: 100%;
		transition: all .3s ease;
		background: 0 0;
		background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, .7) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0, transparent), color-stop(100%, rgba(0, 0, 0, .7)));
		background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .7) 100%);
		background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .7) 100%);
		background: -ms-linear-gradient(top, transparent 0, rgba(0, 0, 0, .7) 100%);
		background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .7) 100%)
	}
	#latestlaunches .launcover:hover .textcover {
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		transition: all .4s ease-out
	}
	#latestlaunches .launcover:hover .textcover .h2past,
	#latestlaunches .launcover:hover .textcover h2,
	#latestlaunches .launcover:hover .textcover h6 {
		opacity: 1;
		transition: all .2s ease .25s
	}
}

#latestlaunches .launcover .solid-overlay {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	transition: all .3s ease;
	background: 0 0;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(0, 0, 0, .5)), color-stop(100%, rgba(0, 0, 0, .5)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 100%)
}

@media (min-width:768px) {
	#latestlaunches .launcover .solid-overlay {
		height: 100px;
		background: 0 0;
		background: -moz-linear-gradient(top, transparent 10%, rgba(0, 0, 0, .6) 80%);
		background: -webkit-gradient(left top, left bottom, color-stop(10%, transparent), color-stop(80%, rgba(0, 0, 0, .6)));
		background: -webkit-linear-gradient(top, transparent 10%, rgba(0, 0, 0, .6) 80%);
		background: -o-linear-gradient(top, transparent 10%, rgba(0, 0, 0, .6) 80%);
		background: -ms-linear-gradient(top, transparent 10%, rgba(0, 0, 0, .6) 80%);
		background: linear-gradient(to bottom, transparent 10%, rgba(0, 0, 0, .6) 80%)
	}
}

#latestlaunches .launcover .textcover {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%)
}

@media (min-width:768px) {
	#latestlaunches .launcover .textcover {
		top: 95%;
		transform: translate(0, -95%);
		-o-transform: translate(0, -95%);
		-moz-transform: translate(0, -95%);
		-webkit-transform: translate(0, -95%);
		transition: all .4s ease-out
	}
}

#latestlaunches .launcover .textcover .h1past,
#latestlaunches .launcover .textcover h1 {
	margin: 0;
	font-size: 28px;
	font-weight: 700;
	color: #fff;
	text-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

#latestlaunches .launcover .textcover .h2past,
#latestlaunches .launcover .textcover h2 {
	opacity: 1;
	margin: 0 0 20px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}

@media (min-width:768px) {
	#latestlaunches .launcover .textcover .h2past,
	#latestlaunches .launcover .textcover h2 {
		opacity: 0
	}
}

#latestlaunches .launcover .textcover h6 {
	opacity: 1;
	margin: 5px 0 0;
	font-size: 14px;
	color: #fff;
	font-style: italic;
}

@media (min-width:768px) {
	#latestlaunches .launcover .textcover h6 {
		opacity: 0
	}
}

#latestlaunches .slick-dots li.slick-active button:before {
	font-size: 13px;
	line-height: 13px;
	opacity: 1
}

#latestlaunches .slick-dots li button::before {
	font-size: 11px;
	line-height: 13px;
	opacity: .6
}

#latestlaunches .slick-dots li.slick-active button:before {
	font-size: 13px;
	line-height: 13px;
	opacity: 1
}

#latestlaunches .slick-dots li button::before {
	font-size: 11px;
	line-height: 13px;
	opacity: .6
}

#latestlaunches .slick-next:before,
#latestlaunches .slick-prev:before {
	font-family: slick;
	font-size: 20px;
	line-height: 1;
	opacity: 1;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

#latestlaunches .slick-prev {
	z-index: 99;
	left: 0
}

@media (min-width:800px) {
	#latestlaunches .slick-prev {
		left: -40px
	}
}

#latestlaunches [dir=rtl] .slick-prev {
	left: auto;
	right: 0
}

@media (min-width:800px) {
	#latestlaunches [dir=rtl] .slick-prev {
		right: -40px
	}
}

#latestlaunches .slick-prev:before {
	content: url(../img/icon-prev-dark.svg)
}

#latestlaunches .slick-next {
	right: 0
}

@media (min-width:800px) {
	#latestlaunches .slick-next {
		right: -40px
	}
}

#latestlaunches [dir=rtl] .slick-next {
	right: auto;
	left: 0
}

@media (min-width:800px) {
	#latestlaunches [dir=rtl] .slick-next {
		left: -40px
	}
}

#latestlaunches .slick-next:before {
	content: url(../img/icon-next-dark.svg)
}

#latestlaunches .slick-arrow {
	width: 35px;
	height: 35px
}

#communities .selectyear {
	margin-bottom: 30px
}

#communities #map {
	width: 100%;
	height: 550px
}

.salesgalleries .selecbox {
	margin-bottom: 25px
}

.salesgalleries .sgalleryinfo {
	padding: 40px 0;
	border-bottom: 1px solid #ccc;
	height: 100%
}

.salesgalleries .sgalleryinfo h4 {
	font-weight: 700;
	
	font-size: 18px;
	color: #333;
	margin: 0 0 8px
}

.salesgalleries .sgalleryinfo p {
	font-size: 16px;
	
	font-weight: 300;
	margin: 0
}

.salesgalleries .sgalleryinfo p b {
	font-weight: 600
}

.salesgalleries .sgalleryinfo p+p {
	margin-top: 20px
}

.bodycontent {
	padding: 50px 0;
	overflow-x: hidden
}

.bodycontent .announc-list {
	margin: 0;
	padding: 0;
	margin-top: 40px;
	text-align: left
}

.bodycontent .announc-list li a:focus {
	color: #ee3232
}

.bodycontent .announc-list li+li {
	margin-top: 20px
}

.bodycontent .announc-list li:last-child {
	margin-bottom: 20px
}

.bodycontent p.sm-note {
	font-size: 14px;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 40px
}

.bodycontent .itemmoreinfo {
	cursor: pointer
}

.bodycontent .itemmoreinfo .topcap h3 {
	margin-bottom: 25px!important
}

.bodycontent .itemmoreinfo .subcap {
	margin: 0;
	font-size: 16px;
	line-height: 16px;
	font-weight: 300;
	margin-top: 0!important;
	bottom: 0;
	transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0)
}

@media (min-width:768px) {
	.bodycontent .itemmoreinfo .subcap {
		bottom: -30%;
		transform: translate(0, 30%);
		-o-transform: translate(0, 30%);
		-moz-transform: translate(0, 30%);
		-webkit-transform: translate(0, 30%)
	}
}

.bodycontent .newslider {
	margin-bottom: 70px
}

.bodycontent .newslider .slick-dots li.slick-active button:before {
	font-size: 13px;
	line-height: 13px;
	opacity: 1
}

.bodycontent .newslider .slick-dots li button::before {
	font-size: 11px;
	line-height: 13px;
	opacity: .6
}

.bodycontent .newslider .slick-next:before,
.bodycontent .newslider .slick-prev:before {
	font-family: slick;
	font-size: 20px;
	line-height: 1;
	opacity: 1;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.bodycontent .newslider .slick-prev {
	z-index: 99;
	left: 0
}

@media (min-width:768px) {
	.bodycontent .newslider .slick-prev {
		left: -45px
	}
}

.bodycontent .newslider [dir=rtl] .slick-prev {
	left: auto;
	right: 0
}

@media (min-width:768px) {
	.bodycontent .newslider [dir=rtl] .slick-prev {
		right: -45px
	}
}

.bodycontent .newslider .slick-prev:before {
	content: url(../img/icon-prev-dark.svg)
}

.bodycontent .newslider .slick-next {
	right: 0
}

@media (min-width:768px) {
	.bodycontent .newslider .slick-next {
		right: -45px
	}
}

.bodycontent .newslider [dir=rtl] .slick-next {
	right: auto;
	left: 0
}

@media (min-width:768px) {
	.bodycontent .newslider [dir=rtl] .slick-next {
		left: -45px
	}
}

.bodycontent .newslider .slick-next:before {
	content: url(../img/icon-next-dark.svg)
}

.bodycontent .newslider .slick-arrow {
	width: 35px;
	height: 35px
}

.bodycontent .newslider .item {
	background: #fff;
	display: block;
	margin-left: auto;
	margin-right: auto;
	display: block
}

.bodycontent .newslider .item img {
	width: 100%;
	border: 1px solid #fff
}

.bodycontent .newslider .item img.portrait {
	width: auto
}

@media (max-width:767px) {
	.bodycontent .newslider .item img {
		width: 100%;
		height: 100%;
		max-height: 260px;
		border: 1px solid #fff
	}
	.bodycontent .newslider .item img.portrait {
		width: auto
	}
}

.bodycontent .newsarticle p+p {
	margin-top: 25px
}

.bodycontent .selectyear {
	margin-bottom: 30px
}

.bodycontent .contact-form .submitbtn {
	margin-top: 10px
}

.bodycontent .contact-form textarea {
	margin-top: 15px
}

.bodycontent .contact-form .form-cover {
	text-align: center;
	
}

.bodycontent .contact-form .form-cover .outlineselection .form-control {
	box-shadow: none;
	border-radius: 0;
	padding: 10px 5px;
	color: #000;
	height: auto;
	
	font-size: 14px;
	border: 0;
	border-bottom: 1px solid #555;
	margin-bottom: 20px
}

.bodycontent .contact-form .form-cover .outlineselection .form-control.error {
	border-bottom: 1px solid #ee3232
}

.bodycontent .contact-form .form-cover .outlineselection select+i.fa {
	margin-top: -60px
}

@-webkit-keyframes inputHighlighter {
	from {
		background: 0 0
	}
	to {
		width: 0;
		background: 0 0
	}
}

@-moz-keyframes inputHighlighter {
	from {
		background: 0 0
	}
	to {
		width: 0;
		background: 0 0
	}
}

@keyframes inputHighlighter {
	from {
		background: 0 0
	}
	to {
		width: 0;
		background: 0 0
	}
}

.bodycontent .contact-form .form-cover .group {
	position: relative
}

.bodycontent .contact-form .form-cover .group+.group {
	margin-top: 35px
}

.bodycontent .contact-form .form-cover .notes {
	font-size: 16px;
	padding: 20px 0 0;
	margin: 0;
	text-align: left
}

.bodycontent .contact-form .form-cover .errormsg {
	color: #ee3232;
	font-size: 16px;
	text-align: left;
	padding: 5px 0 0
}

.bodycontent .contact-form .form-cover textarea {
	border: 1px solid #555;
	resize: none;
	width: 100%;
	border-radius: 0
}

.bodycontent .contact-form .form-cover input {
	font-size: 14px;
	padding: 10px 5px;
	color: #fff;
	font-weight: 700;
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid #555;
	background: 0 0
}

@media only screen and (min-width:768px) {
	.bodycontent .contact-form .form-cover input {
		font-size: 14px
	}
}

.bodycontent .contact-form .form-cover input:focus {
	outline: 0
}

.bodycontent .contact-form .form-cover label {
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 10px;
	transition: .2s ease all;
	-moz-transition: .2s ease all;
	-webkit-transition: .2s ease all
}

.bodycontent .contact-form .form-cover input:focus~label,
.bodycontent .contact-form .form-cover input:valid~label {
	top: -12px;
	font-size: 16px;
	color: #fff
}

.bodycontent .contact-form .form-cover textarea:focus~label,
.bodycontent .contact-form .form-cover textarea:valid~label {
	top: -12px;
	font-size: 16px;
	color: #fff
}

.bodycontent .contact-form .form-cover .bar {
	position: relative;
	display: block;
	width: 100%
}

.bodycontent .contact-form .form-cover .bar:after,
.bodycontent .contact-form .form-cover .bar:before {
	content: '';
	height: 1px;
	width: 0;
	bottom: 0;
	position: absolute;
	background: #555;
	transition: .2s ease all;
	-moz-transition: .2s ease all;
	-webkit-transition: .2s ease all
}

.bodycontent .contact-form .form-cover .bar:before {
	left: 50%
}

.bodycontent .contact-form .form-cover .bar:after {
	right: 50%
}

.bodycontent .contact-form .form-cover input:focus~.bar:after,
.bodycontent .contact-form .form-cover input:focus~.bar:before {
	width: 50%
}

.bodycontent .contact-form .form-cover .highlight {
	position: absolute;
	height: 60%;
	width: 100px;
	top: 25%;
	left: 0;
	pointer-events: none;
	opacity: .5
}

.bodycontent .contact-form .form-cover input:focus~.highlight {
	-webkit-animation: inputHighlighter .3s ease;
	-moz-animation: inputHighlighter .3s ease;
	animation: inputHighlighter .3s ease
}

.bodycontent .contact-form .bg-fcover .group {
	position: relative
}

.bodycontent .contact-form .bg-fcover .gcover {
	margin-bottom: 20px
}

.bodycontent .contact-form .bg-fcover .gcover.last {
	margin-bottom: 0
}

.bodycontent .contact-form .bg-fcover button:focus {
	outline: 0!important
}

.bodycontent .contact-form .bg-fcover .dropdown-toggle {
	padding: 0;
	outline: 0!important;
	padding-right: 30px;
	border: 0;
	background: 0 0!important;
	box-shadow: none
}

.bodycontent .contact-form .bg-fcover .dropdown-toggle:focus {
	box-shadow: none
}

.bodycontent .contact-form .bg-fcover .dropdown-toggle:hover {
	background: 0 0
}

.bodycontent .contact-form .bg-fcover input {
	font-size: 14px;
	padding: 10px 5px;
	color: #000;
	font-weight: 400;
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid #555;
	background: 0 0
}

.bodycontent .contact-form .bg-fcover input.error {
	border-bottom: 1px solid #ee3232
}

@media only screen and (min-width:768px) {
	.bodycontent .contact-form .bg-fcover input {
		font-size: 14px
	}
}

.bodycontent .contact-form .bg-fcover input:focus {
	outline: 0
}

.bodycontent .contact-form .bg-fcover input[type=file] {
	border-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	max-width: 330px
}

.bodycontent .contact-form .bg-fcover label {
	color: #000;
	font-size: 14px;
	font-weight: 300;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 10px;
	transition: .2s ease all;
	-moz-transition: .2s ease all;
	-webkit-transition: .2s ease all
}

.bodycontent .contact-form .bg-fcover input:focus~label,
.bodycontent .contact-form .bg-fcover input:valid~label {
	top: -12px;
	font-size: 16px;
	color: #a7a7a7
}

.bodycontent .contact-form .bg-fcover .bar {
	position: relative;
	display: block;
	width: 100%
}

.bodycontent .contact-form .bg-fcover .bar:after,
.bodycontent .contact-form .bg-fcover .bar:before {
	content: '';
	height: 1px;
	width: 0;
	bottom: 0;
	position: absolute;
	background: #555;
	transition: .2s ease all;
	-moz-transition: .2s ease all;
	-webkit-transition: .2s ease all
}

.bodycontent .contact-form .bg-fcover .bar:before {
	left: 50%
}

.bodycontent .contact-form .bg-fcover .bar:after {
	right: 50%
}

.bodycontent .contact-form .bg-fcover input:focus~.bar:after,
.bodycontent .contact-form .bg-fcover input:focus~.bar:before {
	width: 50%
}

.bodycontent .contact-form .bg-fcover .highlight {
	position: absolute;
	height: 60%;
	width: 100px;
	top: 25%;
	left: 0;
	pointer-events: none;
	opacity: .5
}

.bodycontent .contact-form .bg-fcover input:focus~.highlight {
	-webkit-animation: inputHighlighter .3s ease;
	-moz-animation: inputHighlighter .3s ease;
	animation: inputHighlighter .3s ease
}

.bodycontent .contact-form .checkbox {
	padding-left: 20px;
	margin-bottom: 30px
}

.bodycontent .contact-form .checkbox a {
	color: #000
}

.bodycontent .contact-form .checkbox a:hover {
	color: #ee3232
}

.bodycontent .contact-form .checkbox label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 5px
}

.bodycontent .contact-form .checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
	-o-transition: border .15s ease-in-out, color .15s ease-in-out;
	transition: border .15s ease-in-out, color .15s ease-in-out
}

.bodycontent .contact-form .checkbox label::after {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	margin-left: -20px;
	padding-left: 3px;
	padding-top: 1px;
	font-size: 11px;
	color: #555
}

.bodycontent .contact-form .checkbox input[type=checkbox] {
	opacity: 0;
	z-index: 1
}

.bodycontent .contact-form .checkbox input[type=checkbox]:focus+label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

.bodycontent .contact-form .checkbox input[type=checkbox]:checked+label::after {
	font-family: FontAwesome;
	content: "\f00c"
}

.bodycontent .contact-form .checkbox input[type=checkbox]:disabled+label {
	opacity: .65
}

.bodycontent .contact-form .checkbox input[type=checkbox]:disabled+label::before {
	background-color: #eee;
	cursor: not-allowed
}

.bodycontent .contact-cover p {
	margin-bottom: 20px
}

.bodycontent .gallery-caption p {
	font-size: 16px;
	font-weight: 400
}

.bodycontent .gallery-caption .slick-dots li.slick-active button:before {
	font-size: 13px;
	line-height: 13px;
	opacity: 1
}

.bodycontent .gallery-caption .slick-dots li button::before {
	font-size: 11px;
	line-height: 13px;
	opacity: .6
}

.bodycontent .gallery-slider .eGallery_img {
	background-position: 50%;
	background-size: cover;
	width: 63.125rem;
	height: 39.4375rem
}

.bodycontent .gallery-slider .eGallery_img.mTallImg {
	width: 27.8125rem
}

.bodycontent .gallery-slider .eGallery_img+.eGallery_title {
	margin-top: 1.5625rem
}

.bodycontent .gallery-slider .eGallery_title {
	margin-bottom: -.0625rem;
	letter-spacing: .08rem
}

.bodycontent .gallery-slider .eGallery_text {
	margin: 0;
	letter-spacing: -.01rem
}

.bodycontent .gallery-slider .slick-slide {
	position: relative
}

.bodycontent .gallery-slider .slick-current.slick-active .overlay-bg {
	background: 0 0;
	display: none
}

.bodycontent .gallery-slider .overlay-bg {
	background: rgba(0, 0, 0, .55);
	width: 100%;
	position: absolute;
	height: 100%
}

.bodycontent .gallery-slider .slick-next:before,
.bodycontent .gallery-slider .slick-prev:before {
	font-family: slick;
	font-size: 20px;
	line-height: 1;
	opacity: 1;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.bodycontent .gallery-slider .slick-prev {
	left: 8%;
	z-index: 99
}

.bodycontent .gallery-slider [dir=rtl] .slick-prev {
	right: 8%;
	left: auto
}

.bodycontent .gallery-slider .slick-prev:before {
	content: url(../img/icon-prev.svg)
}

.bodycontent .gallery-slider .slick-next {
	right: 8%
}

.bodycontent .gallery-slider [dir=rtl] .slick-next {
	right: auto;
	left: 8%
}

.bodycontent .gallery-slider .slick-next:before {
	content: url(../img/icon-next.svg)
}

.bodycontent .gallery-slider .slick-arrow {
	width: 35px;
	height: 35px
}

.bodycontent .operational-cover .operationalimg {
	width: 100%
}

@media (max-width:695px) {
	.bodycontent .operational-cover .operationalimg {
		max-width: 210px
	}
}

.bodycontent .data-counter {
	padding: 30px 0 50px
}

.bodycontent .data-counter span {
	font-weight: 300;
	display: block;
	font-size: 16px
}

.bodycontent .data-counter .counter,
.bodycontent .data-counter h4 {
	
	font-size: 34px;
	font-weight: 400;
	margin: 0
}

@media (min-width:768px) and (max-width:991px) {
	.bodycontent .data-counter .counter,
	.bodycontent .data-counter h4 {
		font-size: 28px
	}
}

.bodycontent .data-counter h4 {
	display: inline-block
}

.bodycontent .data-counter .counter {
	display: inline-block;
	text-align: left
}

@media (max-width:767px) {
	.bodycontent .data-counter .bigcover {
		padding: 25px 0 40px
	}
}

.bodycontent .data-counter .last {
	padding-right: 53px
}

@media (max-width:767px) {
	.bodycontent .data-counter .last {
		padding: 25px 0 0
	}
}

@media (min-width:768px) and (max-width:991px) {
	.bodycontent .data-counter .last {
		padding-right: 20px
	}
}

.bodycontent .data-counter .cover {
	vertical-align: middle;
	display: inline-block
}

.bodycontent .data-counter .cover.number {
	width: 140px
}

.bodycontent .data-counter .cover.arrow {
	padding-left: 41px
}

@media (max-width:767px) {
	.bodycontent .data-counter .cover.arrow {
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		padding: 0;
		width: 100%
	}
}

@media (min-width:768px) and (max-width:991px) {
	.bodycontent .data-counter .cover.arrow {
		padding-left: 0
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.bodycontent .data-counter .cover.arrow {
		padding-left: 15px
	}
}

@media (min-width:1200px) {
	.bodycontent .data-counter .cover.arrow {
		padding-left: 41px
	}
}

.bodycontent .data-counter .cover img {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%)
}

@media (min-width:768px) and (max-width:991px) {
	.bodycontent .data-counter .cover img {
		width: 35px
	}
}

.bodycontent .yearselection {
	padding-bottom: 50px
}

.bodycontent .thumbnail {
	padding: 0;
	border-radius: 0;
	max-width: 355px
}

.bodycontent .thumbnail .caption {
	padding: 20px 15px;
	color: #000;
	min-height: 200px
}

@media (max-width:767px) {
	.bodycontent .thumbnail .caption {
		min-height: auto;
		height: auto
	}
}

.bodycontent .thumbnail .caption h5 {
	margin: 0 0 15px;
	font-weight: 700;
	font-size: 16px;
	line-height: 18px
}

.bodycontent .thumbnail .caption h5.year {
	margin-bottom: 10px
}

.bodycontent .thumbnail .caption h5.location {
	margin-bottom: 0
}

.bodycontent .thumbnail .caption p {
	margin: 0 0 20px;
	font-weight: 400;
	font-style: italic;
	font-size: 16px;
	line-height: 20px
}

.bodycontent p {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 400;
	color: #333
}

.bodycontent .gstatic-item {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px
}

@media (max-width:767px) {
	.bodycontent .gstatic-item {
		max-width: 460px
	}
}

.bodycontent .gstatic-item .gradient-overlay {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: 0 0;
	background: -moz-linear-gradient(top, transparent 50%, rgba(0, 0, 0, .9) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(50%, transparent), color-stop(100%, rgba(0, 0, 0, .9)));
	background: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, .9) 100%);
	background: -o-linear-gradient(top, transparent 50%, rgba(0, 0, 0, .9) 100%);
	background: -ms-linear-gradient(top, transparent 50%, rgba(0, 0, 0, .9) 100%);
	background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .9) 100%)
}

.bodycontent .gstatic-item .caption-overlay {
	position: absolute;
	text-align: left;
	padding: 20px;
	color: #fff;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0
}

@media (min-width:1600px) {
	.bodycontent .gstatic-item .caption-overlay {
		padding: 20px
	}
}

@media (min-width:768px) {
	.bodycontent .gstatic-item .caption-overlay {
		transition: all .5s ease;
		bottom: 0;
		transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-webkit-transform: translate(0, 0)
	}
}

.bodycontent .gstatic-item .caption-overlay span {
	font-weight: 700;
	font-size: 14px;
}

.bodycontent .gstatic-item .caption-overlay h3 {
	margin: 0;
	text-align: left;
	font-size: 22px;
	line-height: 26px
}

.bodycontent .gstatic-item .caption-overlay h3.smalltxt {
	font-size: 17px;
	line-height: 20px
}

.bodycontent .gstatic-item .centertext {
	text-align: center!important
}

.bodycontent .gstatic-item .centertext h3 {
	text-align: center!important
}

.bodycontent a {
	text-decoration: none
}

.bodycontent a.nohref {
	cursor: default
}

.bodycontent a .grid-item {
	position: relative;
	overflow: hidden
}

@media (max-width:767px) {
	.bodycontent a .grid-item {
		max-width: 460px
	}
}

.bodycontent a .grid-item.gridlayout {
	background-size: cover!important
}

@media (max-width:420px) {
	.bodycontent a .grid-item.gridlayout {
		min-height: 367px!important
	}
}

@media (min-width:421px) and (max-width:991px) {
	.bodycontent a .grid-item.gridlayout {
		min-height: 420px
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.bodycontent a .grid-item.gridlayout {
		min-height: 360px
	}
}

@media (min-width:1200px) {
	.bodycontent a .grid-item.gridlayout {
		min-height: 450px
	}
}

@media (min-width:1600px) {
	.bodycontent a .grid-item.gridlayout {
		min-height: 580px
	}
}

@media (min-width:768px) {
	.bodycontent a .grid-item.gridlayout .caption-overlay {
		transition: all .5s ease;
		bottom: -4%;
		transform: translate(0, 4%);
		-o-transform: translate(0, 4%);
		-moz-transform: translate(0, 4%);
		-webkit-transform: translate(0, 4%)
	}
}

.bodycontent a .grid-item.layouts {
	background-size: cover!important
}

@media (max-width:420px) {
	.bodycontent a .grid-item.layouts {
		min-height: 367px!important
	}
}

@media (min-width:421px) and (max-width:991px) {
	.bodycontent a .grid-item.layouts {
		min-height: 420px
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.bodycontent a .grid-item.layouts {
		min-height: 360px
	}
}

@media (min-width:1200px) {
	.bodycontent a .grid-item.layouts {
		min-height: 450px
	}
}

@media (min-width:1600px) {
	.bodycontent a .grid-item.layouts {
		min-height: 580px
	}
}

@media (min-width:768px) {
	.bodycontent a .grid-item.layouts .caption-overlay {
		transition: all .5s ease;
		bottom: -8%;
		transform: translate(0, 8%);
		-o-transform: translate(0, 8%);
		-moz-transform: translate(0, 8%);
		-webkit-transform: translate(0, 8%)
	}
}

.bodycontent a .grid-item.grid-item {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff
}

@media (max-width:767px) {
	.bodycontent a .grid-item.grid-item {
		border-right: none
	}
}

@media (min-width:768px) {
	.bodycontent a .grid-item:hover .caption-overlay {
		transition: all .5s ease;
		bottom: 0;
		transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-webkit-transform: translate(0, 0)
	}
}

.bodycontent a .grid-item:hover .caption-overlay .subcap p {
	height: auto;
	transition: all .3s ease-out
}

@media (min-width:768px) {
	.bodycontent a .grid-item:hover .caption-overlay .subcap p {
		opacity: 1;
		height: 45px
	}
}

@media (min-width:768px) {
	.bodycontent a .grid-item:hover .caption-overlay .subcap {
		transition: all .5s ease-in;
		bottom: 0;
		transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-webkit-transform: translate(0, 0)
	}
}

.bodycontent a .grid-item .gradient-overlay {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: 0 0;
	background: -moz-linear-gradient(top, transparent 20%, rgba(0, 0, 0, .9) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(20%, transparent), color-stop(100%, rgba(0, 0, 0, .9)));
	background: -webkit-linear-gradient(top, transparent 20%, rgba(0, 0, 0, .9) 100%);
	background: -o-linear-gradient(top, transparent 20%, rgba(0, 0, 0, .9) 100%);
	background: -ms-linear-gradient(top, transparent 20%, rgba(0, 0, 0, .9) 100%);
	background: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, .9) 100%)
}

.bodycontent a .grid-item .caption-overlay {
	position: absolute;
	text-align: left;
	padding: 20px 30px;
	color: #fff;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0
}

@media (min-width:1600px) {
	.bodycontent a .grid-item .caption-overlay {
		padding: 20px 80px
	}
}

@media (min-width:768px) {
	.bodycontent a .grid-item .caption-overlay {
		transition: all .5s ease;
		bottom: -8%;
		transform: translate(0, 8%);
		-o-transform: translate(0, 8%);
		-moz-transform: translate(0, 8%);
		-webkit-transform: translate(0, 8%)
	}
}

.bodycontent a .grid-item .caption-overlay h3 {
	margin: 0;
	text-align: center;
	font-size: 24px;
}

.bodycontent a .grid-item .caption-overlay .subcap {
	margin: 0;
	font-size: 16px;
	line-height: 16px;
	font-weight: 300;
	margin-top: 10px;
	bottom: 0;
	transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0)
}

@media (min-width:768px) {
	.bodycontent a .grid-item .caption-overlay .subcap {
		bottom: -45%;
		transform: translate(0, 45%);
		-o-transform: translate(0, 45%);
		-moz-transform: translate(0, 45%);
		-webkit-transform: translate(0, 45%)
	}
}

.bodycontent a .grid-item .caption-overlay .subcap p {
	color: #fff;
	text-align: center;
	font-weight: 400
}

@media (min-width:768px) {
	.bodycontent a .grid-item .caption-overlay .subcap p {
		opacity: 0;
		height: 0;
		transition: all .4s ease-out
	}
}

.bodycontent a .grid-item .caption-overlay .subcap .ctatxt {
	font-weight: 700;
	font-size: 14px;
	color: #fff;
	display: block;
	text-decoration: underline;
	margin-top: 20px;
	text-align: center
}

.bodycontent a .gap-item {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px
}

@media (max-width:767px) {
	.bodycontent a .gap-item {
		max-width: 460px
	}
}

@media (min-width:768px) {
	.bodycontent a .gap-item.selection .caption-overlay,
	.bodycontent a .gap-item:hover .caption-overlay {
		transition: all .5s ease;
		bottom: 0;
		transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-webkit-transform: translate(0, 0)
	}
}

.bodycontent a .gap-item.selection .caption-overlay .subcap p,
.bodycontent a .gap-item:hover .caption-overlay .subcap p {
	height: auto;
	transition: all .3s ease-out
}

@media (min-width:768px) {
	.bodycontent a .gap-item.selection .caption-overlay .subcap p,
	.bodycontent a .gap-item:hover .caption-overlay .subcap p {
		height: 45px
	}
}

@media (min-width:768px) {
	.bodycontent a .gap-item.selection .caption-overlay .subcap,
	.bodycontent a .gap-item:hover .caption-overlay .subcap {
		transition: all .5s ease-in;
		bottom: 0;
		transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-webkit-transform: translate(0, 0)
	}
}

.bodycontent a .gap-item .gradient-overlay {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: 0 0;
	background: -moz-linear-gradient(top, transparent 30%, rgba(0, 0, 0, .9) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(30%, transparent), color-stop(100%, rgba(0, 0, 0, .9)));
	background: -webkit-linear-gradient(top, transparent 30%, rgba(0, 0, 0, .9) 100%);
	background: -o-linear-gradient(top, transparent 30%, rgba(0, 0, 0, .9) 100%);
	background: -ms-linear-gradient(top, transparent 30%, rgba(0, 0, 0, .9) 100%);
	background: linear-gradient(to bottom, transparent 30%, rgba(0, 0, 0, .9) 100%)
}

.bodycontent a .gap-item .caption-overlay {
	position: absolute;
	text-align: left;
	padding: 20px;
	color: #fff;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0
}

@media (min-width:768px) {
	.bodycontent a .gap-item .caption-overlay {
		transition: all .5s ease;
		bottom: -10%;
		transform: translate(0, 10%);
		-o-transform: translate(0, 10%);
		-moz-transform: translate(0, 10%);
		-webkit-transform: translate(0, 10%)
	}
}

.bodycontent a .gap-item .caption-overlay .topcap span {
	font-size: 14px;
	font-weight: 700
}

.bodycontent a .gap-item .caption-overlay h3 {
	margin: 0;
	text-align: center;
	font-size: 22px;
}

.bodycontent a .gap-item .caption-overlay h3.smalltxt {
	font-size: 17px;
	line-height: 20px
}

.bodycontent a .gap-item .caption-overlay .subcap {
	margin: 0;
	font-size: 14px;
	line-height: 16px;
	font-weight: 300;
	margin-top: 10px;
	bottom: 0;
	transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0)
}

@media (min-width:768px) {
	.bodycontent a .gap-item .caption-overlay .subcap {
		bottom: -45%;
		transform: translate(0, 45%);
		-o-transform: translate(0, 45%);
		-moz-transform: translate(0, 45%);
		-webkit-transform: translate(0, 45%)
	}
}

.bodycontent a .gap-item .caption-overlay .subcap p {
	color: #fff;
	text-align: center
}

@media (min-width:768px) {
	.bodycontent a .gap-item .caption-overlay .subcap p {
		height: 0;
		transition: all .4s ease-out
	}
}

.bodycontent a .gap-item .caption-overlay .subcap .ctatxt {
	
	font-weight: 700;
	font-size: 14px;
	color: #fff;
	display: block;
	text-decoration: underline;
	margin-top: 20px;
	text-align: center
}

.bodycontent a .gap-item-pro {
	position: relative;
	overflow: hidden;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff
}

@media (max-width:767px) {
	.bodycontent a .gap-item-pro {
		max-width: 460px
	}
}

@media (min-width:768px) {
	.bodycontent a .gap-item-pro:hover .caption-overlay {
		transition: all .5s ease;
		bottom: 0;
		transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-webkit-transform: translate(0, 0)
	}
}

.bodycontent a .gap-item-pro:hover .caption-overlay .subcap p {
	height: auto;
	transition: all .3s ease-out
}

@media (min-width:768px) {
	.bodycontent a .gap-item-pro:hover .caption-overlay .subcap p {
		height: 45px
	}
}

@media (min-width:768px) {
	.bodycontent a .gap-item-pro:hover .caption-overlay .subcap {
		transition: all .5s ease-in;
		bottom: 0;
		transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-webkit-transform: translate(0, 0)
	}
}

.bodycontent a .gap-item-pro .gradient-overlay {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: 0 0;
	background: -moz-linear-gradient(top, transparent 30%, rgba(0, 0, 0, .9) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(30%, transparent), color-stop(100%, rgba(0, 0, 0, .9)));
	background: -webkit-linear-gradient(top, transparent 30%, rgba(0, 0, 0, .9) 100%);
	background: -o-linear-gradient(top, transparent 30%, rgba(0, 0, 0, .9) 100%);
	background: -ms-linear-gradient(top, transparent 30%, rgba(0, 0, 0, .9) 100%);
	background: linear-gradient(to bottom, transparent 30%, rgba(0, 0, 0, .9) 100%)
}

.bodycontent a .gap-item-pro .caption-overlay {
	position: absolute;
	text-align: left;
	padding: 20px;
	color: #fff;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0
}

@media (min-width:768px) {
	.bodycontent a .gap-item-pro .caption-overlay {
		transition: all .5s ease;
		bottom: -10%;
		transform: translate(0, 10%);
		-o-transform: translate(0, 10%);
		-moz-transform: translate(0, 10%);
		-webkit-transform: translate(0, 10%)
	}
}

.bodycontent a .gap-item-pro .caption-overlay h3 {
	margin: 0;
	text-align: center;
	font-size: 22px;
	
}

.bodycontent a .gap-item-pro .caption-overlay .subcap {
	margin: 0;
	font-size: 14px;
	line-height: 16px;
	font-weight: 300;
	margin-top: 10px;
	bottom: 0;
	transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0)
}

@media (min-width:768px) {
	.bodycontent a .gap-item-pro .caption-overlay .subcap {
		bottom: -45%;
		transform: translate(0, 45%);
		-o-transform: translate(0, 45%);
		-moz-transform: translate(0, 45%);
		-webkit-transform: translate(0, 45%)
	}
}

.bodycontent a .gap-item-pro .caption-overlay .subcap p {
	color: #fff;
	text-align: center
}

@media (min-width:768px) {
	.bodycontent a .gap-item-pro .caption-overlay .subcap p {
		height: 0;
		transition: all .4s ease-out
	}
}

.bodycontent a .gap-item-pro .caption-overlay .subcap .ctatxt {
	
	font-weight: 700;
	font-size: 14px;
	color: #fff;
	display: block;
	text-decoration: underline;
	margin-top: 20px;
	text-align: center
}

#morefromus {
	overflow-x: hidden
}

#morefromus .more-col {
	margin-bottom: 40px
}

@media (max-width:767px) {
	#morefromus .more-col {
		max-width: 460px
	}
}

#morefromus .more-col .h2past,
#morefromus .more-col h2 {
	font-size: 20px;
	
	font-weight: 400;
	margin: 20px 0 15px;
	min-height: 25px;
	padding: 0;
	text-transform: capitalize
}

#morefromus .more-col p {
	margin: 0 0 20px
}

#morefromus .more-col a {
	display: inline-block;
	font-weight: 700;
	font-size: 16px;
	text-decoration: underline;
	
	color: #000
}

#morefromus .more-col a:hover {
	color: #ee3232
}

.information p+p {
	margin-top: 18px
}

.information p.inbetween {
	margin-top: 60px
}

.information ul {
	margin-top: 10px;
	padding-left: 25px
}

.information ul li {
	font-size: 16px;
	line-height: 22px
}

.information ul li+li {
	margin-top: 10px
}

.information .items.gap30 {
	padding-left: 30px;
	padding-right: 30px
}

.information .items.pngimg img {
	width: 100%;
	max-width: 80px
}

.information .items .hos-icon {
	font-size: 50px;
	line-height: 80px;
	color: #ee3232
}

.information .items img {
	width: 100%;
	max-width: 120px
}

.information .items p {
	font-weight: 400;
	padding: 0 12px;
	line-height: 20px
}

@media (max-width:767px) {
	.information .items p {
		padding: 0 30px
	}
}

.information .items p b {
	display: block
}

.information .items p b.large {
	font-size: 20px;
	margin-bottom: 3px;
	
}

.information .items p b.semilarge {
	font-size: 16px;
	margin-bottom: 3px;
	
}

@media (max-width:991px) {
	.information .items {
		margin-bottom: 50px
	}
}

.parallax-bg {
	min-height: 400px;
	position: relative
}

.parallax-bg.light .text-cover .h2past,
.parallax-bg.light .text-cover h2,
.parallax-bg.light .text-cover p {
	color: #fff;
	text-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.parallax-bg.aboutus {
	background: url(../img/parallax-about.jpg) center center no-repeat
}

@media (max-width:767px) {
	.parallax-bg.aboutus {
		background-position: 10% 38%
	}
}

.parallax-bg.aboutus .text-cover {
	top: 35%;
	transform: translate(0, -35%)
}

.parallax-bg.carbon {
	background: url(../img/parallax-carbon.jpg?v1) center center no-repeat
}

@media (max-width:767px) {
	.parallax-bg.carbon {
		background-position: 95% 37%
	}
}

@media (max-width:767px) {
	.parallax-bg.carbon .text-cover {
		top: 20%;
		transform: translate(0, -20%)
	}
}

.parallax-bg.water {
	background: url(../img/parallax-water.jpg) bottom center no-repeat
}

@media (max-width:767px) {
	.parallax-bg.water {
		background-position: 50% 79%
	}
}

@media (max-width:767px) {
	.parallax-bg.water .text-cover {
		top: 20%;
		transform: translate(0, -20%)
	}
}

.parallax-bg.waste {
	background: url(../img/parallax-waste.jpg) top center no-repeat
}

@media (max-width:767px) {
	.parallax-bg.waste {
		background-position: 72% 23%
	}
}

.parallax-bg.engagement {
	background: url(../img/parallax-engagement.jpg) center center no-repeat
}

@media (max-width:767px) {
	.parallax-bg.engagement {
		background-position: 48% 60%
	}
}

.parallax-bg.engagement .text-cover {
	top: 30%;
	transform: translate(0, -30%)
}

@media (min-width:768px) {
	.parallax-bg {
		background-attachment: fixed!important
	}
}

@media (min-width:1600px) {
	.parallax-bg {
		background-size: cover!important
	}
}

.parallax-bg .text-cover {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translate(0, -50%);
	text-align: center;
	left: 0;
	right: 0
}

.parallax-bg .text-cover .h2past,
.parallax-bg .text-cover h2 {
	color: #000;
	margin-bottom: 20px
}

.parallax-bg .text-cover p {
	color: #000
}

#intlpre .info img {
	max-width: 1170px;
	width: 100%
}

.dl-cover {
	position: relative
}

@media (max-width:767px) {
	.dl-cover .dl-book .book {
		margin-left: 70px
	}
}

.dl-cover .dl-book h3 {
	font-size: 20px;
	font-weight: 400;
	color: #030000
}

.dl-cover .dl-book h3 span {
	font-size: 20px;
	font-weight: 400;
	color: #030000
}

@media (min-width:768px) {
	.dl-cover .dl-book h3 span {
		display: block
	}
}

@media (max-width:767px) {
	.dl-cover .dl-book {
		text-align: center
	}
	.dl-cover .dl-book+.dl-book {
		padding-top: 80px
	}
}

.dl-cover .dl-book .text-cover {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	right: 0;
	padding-left: 170px
}

.dl-cover .dl-book .text-cover a {
	color: #000
}

.dl-cover .dl-book .text-cover a:hover {
	color: #ee3232;
	text-decoration: none
}

.dl-cover .dl-book .text-cover.second {
	padding-left: 210px
}

@media (max-width:767px) {
	.dl-cover .dl-book .text-cover.second {
		padding-left: 0
	}
}

.dl-cover .dl-book .text-cover .itemtable .highres {
	width: 38%
}

.dl-cover .dl-book .text-cover .itemtable .divider {
	width: 11%;
	align: left;
	vertical-align: top
}

.dl-cover .dl-book .text-cover .itemtable .lowres {
	width: 49%
}

@media (max-width:767px) {
	.dl-cover .dl-book .text-cover {
		position: relative;
		display: block;
		padding-top: 30px;
		padding-left: 0;
		text-align: center;
		top: 0;
		transform: translate(0, 0)
	}
	.dl-cover .dl-book .text-cover .itemtable {
		margin: 0 auto;
		max-width: 200px;
		width: 100%
	}
	.dl-cover .dl-book .text-cover .itemtable .highres {
		width: 49%;
		text-align: center
	}
	.dl-cover .dl-book .text-cover .itemtable .divider {
		width: 2%;
		text-align: center;
		vertical-align: top
	}
	.dl-cover .dl-book .text-cover .itemtable .lowres {
		width: 49%;
		text-align: center
	}
}

.approach-gutter-slider .imgcover {
	min-height: 380px
}

@media (max-width:400px) {
	.approach-gutter-slider .imgcover {
		min-height: 300px
	}
}

@media (min-width:1200px) {
	.approach-gutter-slider .imgcover {
		height: 380px
	}
}

.approach-gutter-slider .imgcover img {
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.approach-gutter-slider .caption {
	position: relative
}

.approach-gutter-slider .caption .text-cover {
	padding: 10px 40px
}

@media (min-width:992px) {
	.approach-gutter-slider .caption .text-cover {
		position: absolute;
		width: 100%;
		top: 50%;
		transform: translate(0, -50%);
		left: 0
	}
}

.approach-gutter-slider .caption .text-cover h3 {
	font-weight: 700
}

.approach-gutter-slider .caption .text-cover p {
	margin-bottom: 40px
}

.approach-gutter-slider .caption .text-cover p.last {
	margin-bottom: 0
}

.approach-gutter-slider .slick-dots {
	margin-left: -10px
}

.approach-gutter-slider .slick-dots li.slick-active button:before {
	font-size: 13px;
	line-height: 13px;
	opacity: 1
}

.approach-gutter-slider .slick-dots li button::before {
	font-size: 11px;
	line-height: 13px;
	opacity: .6
}

.contact-minfo {
	padding: 35px 0!important
}

.contact-minfo h3 {
	font-weight: 700;
	margin-bottom: 0
}

.contact-minfo p:last-child {
	margin-bottom: 0
}

.contact-map .place-card.place-card-large {
	display: none
}

.contact-map iframe {
	height: 100%;
	max-height: 100%;
	min-height: 300px;
	position: relative
}

.form-cover .h2past,
.form-cover h2 {
	margin-bottom: 30px
}

#mansonrygrid.row .post img {
	padding: 0
}

#mansonrygrid {
	overflow: hidden
}

#mansonrygrid .post .imgcover {
	position: relative
}

@media (max-width:767px) {
	#mansonrygrid .post .imgcover {
		max-width: 460px
	}
}

#mansonrygrid .post .imgcover .title {
	position: absolute;
	bottom: 0;
	padding: 30px 20px 20px;
	width: 100%;
	background: 0 0;
	background: -moz-linear-gradient(top, transparent 10%, rgba(0, 0, 0, .78) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(10%, transparent), color-stop(100%, rgba(0, 0, 0, .78)));
	background: -webkit-linear-gradient(top, transparent 10%, rgba(0, 0, 0, .78) 100%);
	background: -o-linear-gradient(top, transparent 10%, rgba(0, 0, 0, .78) 100%);
	background: -ms-linear-gradient(top, transparent 10%, rgba(0, 0, 0, .78) 100%);
	background: linear-gradient(to bottom, transparent 10%, rgba(0, 0, 0, .78) 100%)
}

#mansonrygrid .post .imgcover .title h3 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight: 700;
	font-size: 16px
}

#mansonrygrid .post .imgcover .title p {
	color: #fff;
	font-weight: 400;
	font-size: 13px;
	font-style: italic;
	margin: 0;
	padding: 0
}

#mansonrygrid .post .caption {
	background: #fff;
	padding: 20px 20px 30px;
	margin-bottom: 25px
}

@media (max-width:767px) {
	#mansonrygrid .post .caption {
		max-width: 460px
	}
}

#mansonrygrid .post .caption h3 {
	font-size: 20px;
	font-weight: 400;
	margin: 0;
	padding: 0 0 18px;
	color: #000
}

#mansonrygrid .post .caption p {
	font-weight: 300;
	font-size: 16px;
	line-height: 21px;
	margin: 0;
	padding: 0 0 18px;
	color: #000
}

#mansonrygrid .post .caption a {
	color: #000;
	
	text-decoration: underline;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 1px;
	margin: 0
}

#mansonrygrid .post .caption a:hover {
	color: #ee3232
}

.greysection section:nth-child(even) {
	background: #fff
}

.greysection section:nth-child(odd) {
	background: #eee
}

.property-page-temp {
	overflow-x: hidden
}

.property-page-temp section:nth-child(even) {
	background: #fff
}

.property-page-temp section:nth-child(odd) {
	background: #eee
}

.property-page-temp header .mouse-icon {
	border: 2px solid #fff;
	border-radius: 16px;
	height: 40px;
	width: 24px;
	z-index: 10;
	opacity: .7;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
	z-index: 100
}

.property-page-temp header .mouse-icon .wheel {
	-webkit-animation-name: drop;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-play-state: running;
	-webkit-animation-name: drop;
	animation-name: drop;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

.property-page-temp header .mouse-icon .wheel {
	position: relative;
	border-radius: 10px;
	background: #fff;
	width: 2px;
	height: 6px;
	top: 4px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px
}

@-webkit-keyframes drop {
	0% {
		top: 5px;
		opacity: 0
	}
	30% {
		top: 10px;
		opacity: 1
	}
	100% {
		top: 25px;
		opacity: 0
	}
}

@keyframes drop {
	0% {
		top: 5px;
		opacity: 0
	}
	30% {
		top: 10px;
		opacity: 1
	}
	100% {
		top: 25px;
		opacity: 0
	}
}

.property-page-temp header .help-down {
	animation: arrow-down .6s infinite alternate ease-in-out;
	border-bottom: 2px solid #cdcdcd;
	border-right: 2px solid #cdcdcd;
	display: block;
	height: 5px;
	margin: 0 auto;
	transform: rotate(45deg);
	transition: opacity .5s;
	width: 5px
}

@-moz-keyframes arrow-down {
	0% {
		margin-top: 5px
	}
	100% {
		margin-top: 10px
	}
}

@-webkit-keyframes arrow-down {
	0% {
		margin-top: 5px
	}
	100% {
		margin-top: 10px
	}
}

@-o-keyframes arrow-down {
	0% {
		margin-top: 5px
	}
	100% {
		margin-top: 10px
	}
}

@keyframes arrow-down {
	0% {
		margin-top: 5px
	}
	100% {
		margin-top: 10px
	}
}

.property-page-temp #gallery {
	height: 100vh;
	width: 100%;
	flex-wrap: wrap;
	z-index: 100;
	overflow: hidden;
	position: relative;
	background: #fff
}

.property-page-temp #gallery .slide {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh
}

.property-page-temp #gallery .slide.themews {
	background: url(../img/propertydev/the_mews_main_image.jpg) center center;
	background-size: cover
}

.property-page-temp #gallery .slide .text-cover {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translate(0, -50%);
	text-align: center
}

.property-page-temp #gallery .slide .text-cover .h1past,
.property-page-temp #gallery .slide .text-cover h1 {
	color: #fff;
	font-size: 40px;
	text-shadow: 0 0 5px rgba(0, 0, 0, .2);
	font-weight: 300;
	font-family: Gotham-Book
}

.property-page-temp #gallery .slide .text-cover p {
	color: #fff;
	font-weight: 400;
	margin-top: 20px;
	font-size: 18px;
	text-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

.property-page-temp #gallery .slide .text-cover a {
	border: 1px solid #fff;
	background: #fff;
	color: #ee3232;
	padding: 7px 50px 10px;
	border-radius: 20px;
	margin-top: 30px;
	text-align: center;
	display: inline-block;
	font-weight: 700;
	
	vertical-align: middle;
	font-size: 17px;
	transition: all .3s ease-out
}

.property-page-temp #gallery .slide .text-cover a span {
	font-size: 16px;
	vertical-align: middle;
	line-height: 17px;
	font-weight: 700
}

.property-page-temp #gallery .slide .text-cover a i {
	padding-left: 8px;
	vertical-align: middle;
	line-height: 17px
}

.property-page-temp #gallery .slide .text-cover a:hover {
	text-decoration: none;
	border: 1px solid #ee3232;
	background: #ee3232;
	color: #fff
}

.property-page-temp #gallery .slick-dots {
	top: 65%;
	right: 5px;
	position: absolute;
	width: auto;
	transform: translate(0, -65%)
}

@media screen and (min-width:768px) {
	.property-page-temp #gallery .slick-dots {
		right: 15px
	}
}

.property-page-temp #gallery .slick-dots li {
	position: relative;
	display: block;
	height: 12px;
	width: 12px;
	margin: 20px 10px;
	padding: 0;
	cursor: pointer
}

.property-page-temp #gallery .slick-dots li.slick-active button:before {
	font-size: 14px;
	line-height: 14px;
	opacity: 1;
	color: #000
}

.property-page-temp #gallery .slick-dots li button::before {
	font-size: 14px;
	line-height: 14px;
	opacity: 1;
	color: #fff
}

.property-page-temp #gallerymob {
	height: 100vh;
	width: 100%;
	flex-wrap: wrap;
	z-index: 100;
	overflow: hidden;
	position: relative;
	background: #fff
}

.property-page-temp #gallerymob .slide {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh
}

.property-page-temp #gallerymob .slide.themews {
	background: url(../img/propertydev/the_mews_main_image.jpg) center center;
	background-size: cover
}

.property-page-temp #gallerymob .slide .text-cover {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translate(0, -50%);
	text-align: center
}

.property-page-temp #gallerymob .slide .text-cover .h1past,
.property-page-temp #gallerymob .slide .text-cover h1 {
	color: #fff;
	font-size: 40px;
	text-shadow: 0 0 5px rgba(0, 0, 0, .2);
	font-weight: 300;
	font-family: Gotham-Book
}

.property-page-temp #gallerymob .slide .text-cover p {
	color: #fff;
	font-weight: 400;
	margin-top: 20px;
	font-size: 18px;
	text-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

.property-page-temp #gallerymob .slide .text-cover a {
	border: 1px solid #fff;
	background: #fff;
	color: #ee3232;
	padding: 7px 50px 10px;
	border-radius: 20px;
	margin-top: 30px;
	text-align: center;
	display: inline-block;
	font-weight: 700;
	
	vertical-align: middle;
	font-size: 17px;
	transition: all .3s ease-out
}

.property-page-temp #gallerymob .slide .text-cover a span {
	font-size: 16px;
	vertical-align: middle;
	line-height: 17px;
	font-weight: 700
}

.property-page-temp #gallerymob .slide .text-cover a i {
	padding-left: 8px;
	vertical-align: middle;
	line-height: 17px
}

.property-page-temp #gallerymob .slide .text-cover a:hover {
	text-decoration: none;
	border: 1px solid #ee3232;
	background: #ee3232;
	color: #fff
}

.property-page-temp #gallerymob .slick-dots {
	top: 65%;
	right: 5px;
	position: absolute;
	width: auto;
	transform: translate(0, -65%)
}

@media screen and (min-width:768px) {
	.property-page-temp #gallerymob .slick-dots {
		right: 15px
	}
}

.property-page-temp #gallerymob .slick-dots li {
	position: relative;
	display: block;
	height: 12px;
	width: 12px;
	margin: 20px 10px;
	padding: 0;
	cursor: pointer
}

.property-page-temp #gallerymob .slick-dots li.slick-active button:before {
	font-size: 14px;
	line-height: 14px;
	opacity: 1;
	color: #000
}

.property-page-temp #gallerymob .slick-dots li button::before {
	font-size: 14px;
	line-height: 14px;
	opacity: 1;
	color: #fff
}

.property-page-temp #about {
	padding: 120px 0;
	color: #333;
	text-align: center
}

.property-page-temp #about .h1past,
.property-page-temp #about h1 {
	font-size: 30px;
	
	font-weight: 300;
	margin: 20px 0 40px;
	font-family: Gotham-Book
}

@media screen and (min-width:768px) {
	.property-page-temp #about .h1past,
	.property-page-temp #about h1 {
		font-size: 30px
	}
}

.property-page-temp #about h1,
.property-page-temp #about h6 {
	margin: 0;
	font-size: 16px;
	font-weight: 300;
	color: #000;
	
	letter-spacing: 2px;
	font-family: Gotham-Book
}

.property-page-temp #about p {
	margin: 0;
	font-size: 16px;
	line-height: 24px;
	font-family: Gotham-Book
}

.property-page-temp #about p+p {
	margin-top: 20px
}

#happenings {
	text-align: center
}

#happenings .h1past,
#happenings h1 {
	font-size: 30px;
	
	font-weight: 300;
	margin: 20px 0 40px;
	font-family: Gotham-Book
}

@media screen and (min-width:768px) {
	#happenings .h1past,
	#happenings h1 {
		font-size: 30px
	}
}

#happenings .caption {
	text-align: left
}

#happenings .caption h6 {
	font-weight: 300;
	font-family: Gotham-Book;
	font-size: 16px;
	color: #000;
	margin: 15px 0 5px
}

#happenings .caption .h2past,
#happenings .caption h2 {
	font-weight: 300;
	font-family: Gotham-Book;
	font-size: 20px;
	margin: 0;
	margin-bottom: 15px;
	color: #000
}

#happenings .caption p {
	font-weight: 300;
	font-family: Gotham-Book;
	font-size: 16px;
	margin: 0;
	margin-bottom: 15px;
	color: #000
}

#happenings .caption a {
	font-family: Gotham-Book;
	font-weight: 700;
	text-decoration: underline;
	font-size: 16px;
	color: #000;
	
}

#happenings .caption a:hover {
	color: #ee3232
}

.property-page-temp #promotions {
	color: #333;
	text-align: center
}

.property-page-temp #promotions .h1past,
.property-page-temp #promotions h1 {
	font-size: 30px;
	
	font-weight: 300;
	margin: 20px 0 40px;
	font-family: Gotham-Book
}

@media screen and (min-width:768px) {
	.property-page-temp #promotions .h1past,
	.property-page-temp #promotions h1 {
		font-size: 30px
	}
}

.property-page-temp #promotions img.outline {
	border: 1px solid #ccc
}

.property-page-temp #promotions .caption {
	text-align: left;
	padding: 10px 0
}

.property-page-temp #promotions .caption h6 {
	font-weight: 300;
	font-family: Gotham-Book;
	font-size: 16px;
	color: #000;
	margin: 15px 0 5px
}

.property-page-temp #promotions .caption .h2past,
.property-page-temp #promotions .caption h2 {
	font-weight: 700;
	font-family: Gotham-Book;
	font-size: 16px;
	margin: 0;
	margin-bottom: 3px;
	color: #000
}

.property-page-temp #promotions .caption p {
	font-weight: 300;
	font-family: Gotham-Book;
	font-size: 16px;
	line-height: 18px;
	margin: 0;
	margin-bottom: 10px;
	color: #000
}

.property-page-temp #promotions .caption p.note {
	font-size: 16px
}

.property-page-temp #promotions .caption a {
	font-family: Gotham-Book;
	font-weight: 700;
	text-decoration: underline;
	font-size: 16px;
	color: #000;
	
}

.property-page-temp #promotions .caption a:hover {
	color: #ee3232
}

.property-page-temp #promotions .slider4col .slick-dots {
	margin-bottom: 30px
}

.property-page-temp #promotions .slider4col .slick-dots li.slick-active button:before {
	font-size: 13px;
	line-height: 13px;
	opacity: 1
}

.property-page-temp #promotions .slider4col .slick-dots li button::before {
	font-size: 11px;
	line-height: 13px;
	opacity: .6
}

.property-page-temp #why {
	color: #333;
	text-align: center
}

.property-page-temp #why .h1past,
.property-page-temp #why h1 {
	font-size: 30px;
	
	font-weight: 300;
	margin: 20px 0 40px;
	font-family: Gotham-Book
}

@media screen and (min-width:768px) {
	.property-page-temp #why .h1past,
	.property-page-temp #why h1 {
		font-size: 30px
	}
}

.property-page-temp #why .cover {
	max-width: 460px
}

@media screen and (min-width:768px) {
	.property-page-temp #why .cover {
		padding: 10px 25px
	}
}

@media screen and (max-width:767px) {
	.property-page-temp #why .cover {
		max-width: 300px
	}
}

.property-page-temp #why .cover .img {
	padding: 10px 35px
}

@media screen and (max-width:991px) {
	.property-page-temp #why .cover .img {
		padding: 10px 45px
	}
}

.property-page-temp #why .cover .caption {
	text-align: center;
	padding: 10px 0;
	min-height: 160px
}

.property-page-temp #why .cover .caption .h2past,
.property-page-temp #why .cover .caption h2 {
	font-weight: 700;
	font-family: Gotham-Book;
	font-size: 24px;
	margin: 0;
	margin-bottom: 20px;
	color: #000
}

.property-page-temp #why .cover .caption p {
	font-weight: 300;
	font-family: Gotham-Book;
	font-size: 16px;
	line-height: 18px;
	margin: 0;
	color: #000
}

.property-page-temp #why .cover .caption p .note {
	font-size: 16px
}

.property-page-temp .parallax-bg {
	min-height: 300px;
	position: relative
}

.property-page-temp .parallax-bg.section1 {
	background: url(../img/propertydev/parallax-01.jpg) center center no-repeat
}

.property-page-temp .parallax-bg.section2 {
	background: url(../img/propertydev/parallax-02.jpg) center center no-repeat
}

.property-page-temp .parallax-bg.section3 {
	background: url(../img/propertydev/parallax-03.jpg) right bottom no-repeat
}

.property-page-temp #specification {
	color: #333;
	text-align: center
}

.property-page-temp #walkthrough {
	color: #333;
	text-align: center
}

.property-page-temp #specification .h1past,
.property-page-temp #specification h1 {
	font-size: 30px;
	
	font-weight: 300;
	margin: 20px 0 40px;
	font-family: Gotham-Book
}

.property-page-temp #walkthrough .h1past,
.property-page-temp #walkthrough h1 {
	font-size: 30px;
	
	font-weight: 300;
	margin: 20px 0 40px;
	font-family: Gotham-Book
}

@media screen and (min-width:768px) {
	.property-page-temp #specification .h1past,
	.property-page-temp #specification h1 {
		font-size: 30px
	}
}

@-moz-keyframes bounceright {
	0%,
	100%,
	20%,
	50%,
	80% {
		-moz-transform: translateX(0);
		transform: translateX(0)
	}
	40% {
		-moz-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	60% {
		-moz-transform: translateX(-10px);
		transform: translateX(-10px)
	}
}

@-webkit-keyframes bounceright {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	40% {
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	60% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
}

@keyframes bounceright {
	0%,
	100%,
	20%,
	50%,
	80% {
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	40% {
		-moz-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	60% {
		-moz-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
}

.property-page-temp #specification .swiperight {
	display: none;
	font-size: 16px;
	padding: 10px 0;
	-moz-animation: bounceright 2s infinite;
	-webkit-animation: bounceright 2s infinite;
	animation: bounceright 2s infinite;
	transition-delay: 2s
}

@media (max-width:570px) {
	.property-page-temp #specification .swiperight {
		display: block
	}
}

.property-page-temp #specification table th {
	font-family: Gotham-Medium;
	font-size: 16px
}

.property-page-temp #specification table th span {
	display: block;
	font-family: Gotham-Book;
	font-size: 16px
}

@media screen and (max-width:767px) {
	.property-page-temp #specification table th {
		font-size: 14px
	}
}

@media screen and (max-width:320px) {
	.property-page-temp #specification table th {
		font-size: 16px
	}
}

.property-page-temp #specification table td {
	font-family: Gotham-Book;
	font-size: 16px;
	vertical-align: middle
}

@media screen and (max-width:767px) {
	.property-page-temp #specification table td {
		font-size: 14px
	}
}

.property-page-temp #specification table .bordertrans {
	border-top: 0
}

.property-page-temp #specification table.nooutline th {
	border: 0;
	padding: 5px
}

.property-page-temp #specification table.nooutline td {
	border: 0;
	padding: 5px
}

.property-page-temp #specification .mob-table-type {
	margin: 8px;
	margin-top: -8px
}

.property-page-temp #specification .mob-table-type tr+tr {
	border-top: 1px solid #ccc
}

.property-page-temp #specification .mob-table-type h4 {
	margin-top: 20px;
	font-size: 14px;
	font-family: Gotham-Medium
}

.property-page-temp #specification .mob-table-type .nooutline {
	margin-bottom: 15px
}

.property-page-temp #specification .mob-table-type .nooutline td {
	padding: 5px 0
}

.property-page-temp #specification .mob-table-type .nooutline tr {
	border: none
}

.property-page-temp #specification .rtable {
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	width: 100%;
	overflow-x: auto;
	white-space: nowrap;
	border-collapse: collapse;
	border-spacing: 0
}

.property-page-temp #specification .rtable thead tr {
	padding-right: 10px
}

.property-page-temp #specification .rtable thead tr th {
	white-space: normal
}

.property-page-temp #specification .rtable--flip tbody {
	-webkit-overflow-scrolling: touch;
	width: 100%
}

@media (max-width:540px) {
	.property-page-temp #specification .rtable--flip tbody {
		background: radial-gradient(ellipse at left, rgba(0, 0, 0, .2) 0, transparent 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, .2) 0, transparent 75%) 100% center;
		background-size: 10px 100%, 0 100%;
		background-attachment: scroll, scroll;
		background-repeat: no-repeat
	}
}

.property-page-temp #specification .rtable td:first-child,
.property-page-temp #specification .rtable--flip tbody tr:first-child {
	background-repeat: no-repeat;
	background-size: 20px 100%
}

.property-page-temp #specification .rtable td:last-child,
.property-page-temp #specification .rtable--flip tbody tr:last-child {
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-size: 20px 100%
}

.property-page-temp #specification .rtable--flip tbody th {
	text-align: center
}

.property-page-temp #specification .rtable--flip tbody tr {
	width: 20%;
	text-align: center
}

.property-page-temp #specification .rtable th {
	padding: 6px 0;
	border: transparent
}

.property-page-temp #specification .rtable td {
	padding: 6px 25px;
	border: transparent
}

.property-page-temp #specification .rtable--flip {
	display: flex;
	overflow: hidden;
	background: 0 0
}

.property-page-temp #specification .rtable--flip thead {
	display: flex;
	flex-shrink: 0;
	min-width: min-content
}

.property-page-temp #specification .rtable--flip tbody {
	display: flex;
	position: relative;
	overflow-x: auto;
	overflow-y: hidden
}

.property-page-temp #specification .rtable--flip tr {
	display: flex;
	flex-direction: column;
	min-width: min-content;
	flex-shrink: 0
}

@media (max-width:400px) {
	.property-page-temp #specification .rtable--flip tr {
		min-width: 50%;
		text-align: center
	}
}

@media (max-width:400px) {
	.property-page-temp #specification .rtable--flip th {
		min-width: 50%;
		text-align: center
	}
}

.property-page-temp #specification .rtable--flip td,
.property-page-temp #specification .rtable--flip th {
	display: block
}

.property-page-temp #specification .rtable--flip td {
	background-image: none!important;
	border-left: 0
}

.property-page-temp #specification .rtable--flip td:not(:last-child),
.property-page-temp #specification .rtable--flip th:not(:last-child) {
	border-bottom: 0
}

.property-page-temp #keyfacts {
	padding: 70px 0 20px;
	color: #333;
	text-align: center
}

.property-page-temp #keyfacts .h1past,
.property-page-temp #keyfacts h1 {
	font-size: 30px;
	
	font-weight: 300;
	margin: 20px 0 40px;
	font-family: Gotham-Book
}

@media screen and (min-width:768px) {
	.property-page-temp #keyfacts .h1past,
	.property-page-temp #keyfacts h1 {
		font-size: 30px
	}
}

.property-page-temp #keyfacts .keycover .h1past,
.property-page-temp #keyfacts .keycover h1 {
	font-size: 24px;
	font-family: Gotham-Book;
	color: #000;
	margin: 0
}

.property-page-temp #keyfacts .keycover p {
	font-size: 16px;
	line-height: 18px;
	font-family: Gotham-Book;
	color: #000;
	padding: 0 20px 60px
}

@media screen and (min-width:768px) {
	.property-page-temp #keyfacts .keycover p {
		padding: 0 30px 60px
	}
}

.property-page-temp #keyfacts .keycover p span {
	font-size: 16px;
	font-family: Gotham-Book
}

.property-page-temp #siteplan {
	position: relative
}

.property-page-temp #siteplan .bgimg {
	background: url(../img/propertydev/masterplan-putra-heights.jpg) no-repeat center center;
	padding: 160px 0;
	outline: 1px solid #ccc
}

.property-page-temp #siteplan .general-btn {
	margin-top: 0
}

.property-page-temp #siteplan .themews {
	background: url(../img/propertydev/the_mews_siteplan.jpg) no-repeat center center
}

.property-page-temp #amenities {
	padding: 70px 0 0;
	color: #333;
	text-align: center
}

.property-page-temp #amenities .h1past,
.property-page-temp #amenities h1 {
	font-size: 30px;
	
	font-weight: 300;
	margin: 20px 0 40px;
	font-family: Gotham-Book
}

@media screen and (min-width:768px) {
	.property-page-temp #amenities .h1past,
	.property-page-temp #amenities h1 {
		font-size: 30px
	}
}

.property-page-temp #floorplan {
	color: #333;
	text-align: center
}

.property-page-temp #floorplan .h1past,
.property-page-temp #floorplan h1 {
	font-size: 30px;
	
	font-weight: 300;
	margin: 20px 0 40px;
	font-family: Gotham-Book
}

@media screen and (min-width:768px) {
	.property-page-temp #floorplan .h1past,
	.property-page-temp #floorplan h1 {
		font-size: 30px
	}
}

.property-page-temp #floorplan .calimg {
	background: #fff;
	border: 1px solid #eee
}

.property-page-temp #floorplan .calimg .item {
	padding: 20px 20px 60px
}

@media screen and (min-width:641px) {
	.property-page-temp #floorplan .calimg .item {
		padding: 60px
	}
}

.property-page-temp #floorplan .calimg .viewlarger {
	display: inline-block;
	color: #333;
	font-size: 14px;
	
	margin-top: 10px;
	font-family: Gotham-Medium
}

.property-page-temp #floorplan .calimg .slick-dots li.slick-active button:before {
	font-size: 13px;
	line-height: 13px;
	opacity: 1
}

.property-page-temp #floorplan .calimg .slick-dots {
	bottom: 10px
}

.property-page-temp #floorplan .calimg .slick-dots li button::before {
	font-size: 11px;
	line-height: 13px;
	opacity: .6
}

.property-page-temp #floorplan .calimg .slick-next:before,
.property-page-temp #floorplan .calimg .slick-prev:before {
	font-family: slick;
	font-size: 20px;
	line-height: 1;
	opacity: 1;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.property-page-temp #floorplan .calimg .slick-prev {
	z-index: 99;
	left: 0
}

@media (min-width:992px) {
	.property-page-temp #floorplan .calimg .slick-prev {
		left: 10px
	}
}

.property-page-temp #floorplan .calimg [dir=rtl] .slick-prev {
	left: auto;
	right: 0
}

@media (min-width:992px) {
	.property-page-temp #floorplan .calimg [dir=rtl] .slick-prev {
		right: 10px
	}
}

.property-page-temp #floorplan .calimg .slick-prev:before {
	content: url(../img/icon-prev-dark.svg)
}

.property-page-temp #floorplan .calimg .slick-next {
	right: 0
}

@media (min-width:992px) {
	.property-page-temp #floorplan .calimg .slick-next {
		right: 10px
	}
}

.property-page-temp #floorplan .calimg [dir=rtl] .slick-next {
	right: auto;
	left: 0
}

@media (min-width:992px) {
	.property-page-temp #floorplan .calimg [dir=rtl] .slick-next {
		left: 10px
	}
}

.property-page-temp #floorplan .calimg .slick-next:before {
	content: url(../img/icon-next-dark.svg)
}

.property-page-temp #floorplan .calimg .slick-arrow {
	width: 35px;
	height: 35px
}

.property-page-temp #floorplan .cal-function {
	background: #ddd;
	height: 100%;
	padding: 40px 50px;
	border: 1px solid #eee;
	border-left: 0
}

@media (max-width:1199px) {
	.property-page-temp #floorplan .cal-function {
		padding: 40px 25px
	}
}

@media (min-width:768px) and (max-width:991px) {
	.property-page-temp #floorplan .cal-function {
		padding: 40px 140px
	}
}

.property-page-temp #floorplan .cal-function .title {
	font-size: 32px;
	line-height: 32px;
	margin-bottom: 20px;
	font-family: Gotham-Book
}

.property-page-temp #floorplan .cal-function .title span {
	font-size: 14px;
	display: block;
	margin-bottom: 0;
	line-height: 14px;
	font-family: Gotham-Book
}

.property-page-temp #floorplan .cal-function .size {
	font-size: 14px;
	margin-bottom: 20px;
	font-family: Gotham-Book
}

.property-page-temp #floorplan .cal-function .size b {
	font-family: Gotham-Book
}

.property-page-temp #floorplan .cal-function .cal-cover .divider {
	min-height: 8px
}

.property-page-temp #floorplan .cal-function .cal-cover .reset {
	padding: 0 10px;
	color: #333;
	font-size: 13px
}

.property-page-temp #floorplan .cal-function .cal-cover .reset i {
	padding-right: 4px
}

.property-page-temp #floorplan .cal-function .cal-cover hr {
	border-top: 1px solid #ccc
}

.property-page-temp #floorplan .cal-function .cal-cover .control-label {
	vertical-align: middle;
	text-align: left;
	font-family: Gotham-Book;
	font-size: 13px
}

.property-page-temp #floorplan .cal-function .cal-cover .form-control {
	padding: 6px;
	font-size: 16px;
	border-radius: 4px
}

.property-page-temp #floorplan .cal-function .cal-cover .input-group-addon {
	background: 0 0;
	border: 0;
	padding: 6px 4px;
	padding-left: 0;
	text-align: left
}

.property-page-temp #floorplan .cal-function .cal-cover .max45 {
	max-width: 45px;
	margin-right: 5px
}

.property-page-temp #floorplan .cal-function .cal-cover a {
	font-family: Gotham-Book
}

.property-page-temp #floorplan .cal-function .cal-result h6 {
	font-size: 16px;
	margin: 0 0 8px;
	font-family: Gotham-Book
}

.property-page-temp #floorplan .cal-function .cal-result h3 {
	font-size: 25px;
	margin: 0;
	font-family: Gotham-Book
}

.property-page-temp #floorplan .cal-function .cal-result p {
	font-size: 14px;
	font-family: Gotham-Book
}

.property-page-temp #floorplan .cal-function .cal-result .note {
	font-size: 10px;
	padding-top: 10px;
	font-family: Gotham-Book
}

.property-page-temp #floorplan .cal-function .cal-result a {
	font-family: Gotham-Book
}

.property-page-temp #more {
	color: #333;
	text-align: center
}

.property-page-temp #more .h1past,
.property-page-temp #more h1 {
	font-size: 30px;
	
	font-weight: 300;
	margin: 20px 0 40px;
	font-family: Gotham-Book
}

@media screen and (min-width:768px) {
	.property-page-temp #more .h1past,
	.property-page-temp #more h1 {
		font-size: 30px
	}
}

.property-page-temp #more a {
	color: #333
}

.property-page-temp #more a:hover {
	text-decoration: none
}

.property-page-temp #more a .property-thumb {
	position: relative;
	font-family: Gotham-Book
}

.property-page-temp #more a .property-thumb:hover .general-btn {
	transition: all .3s ease;
	border: 1px solid #ee3232;
	background: #ee3232;
	color: #fff!important;
	text-decoration: none
}

@media (max-width:991px) {
	.property-page-temp #more a .property-thumb {
		max-width: 460px
	}
}

.property-page-temp #more a .property-thumb .outline {
	border: 1px solid #ccc
}

.property-page-temp #more a .property-thumb .img-cover {
	padding: 0;
	position: relative;
	float: left;
	width: 100%
}

.property-page-temp #more a .property-thumb .caption-cover {
	padding: 20px;
	position: relative;
	font-family: Gotham-Book
}

.property-page-temp #more a .property-thumb .caption-cover .capgap {
	padding: 20px
}

.property-page-temp #more a .property-thumb .caption-cover .capgap h5 {
	font-size: 14px;
	margin-bottom: 0;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	font-family: Gotham-Medium
}

.property-page-temp #more a .property-thumb .caption-cover .capgap h3 {
	font-size: 18px;
	margin-bottom: 0;
	font-family: Gotham-Medium
}

.property-page-temp #more a .property-thumb .caption-cover .capgap h6 {
	font-size: 16px;
	font-style: italic;
	margin-bottom: 15px;
	font-family: Gotham-Medium
}

.property-page-temp #more a .property-thumb .caption-cover .capgap h6.sub {
	margin: 0 0 15px;
	font-style: normal
}

.property-page-temp #more a .property-thumb .caption-cover .capgap p {
	font-size: 14px;
	font-weight: 300;
	line-height: 18px;
	min-height: 95px;
	font-family: Gotham-Book
}

.property-page-temp #visit .coverbg {
	background: url(../img/propertydev/gallery-glades.jpg) no-repeat center center;
	color: #fff;
	padding: 100px 0;
	background-size: cover
}

.property-page-temp #visit .coverbg .h2past,
.property-page-temp #visit .coverbg h2 {
	padding-bottom: 20px;
	margin-bottom: 0;
	font-family: Gotham-Medium
}

.property-page-temp #visit .coverbg p {
	font-weight: 400;
	font-family: Gotham-Book
}

.property-page-temp #visit .coverbg p+p {
	padding-top: 15px
}

.property-page-temp #visit .coverbg .general-btn {
	font-family: Gotham-Book
}

.property-page-temp #visit .coverbg .general-btn+.general-btn {
	margin-left: 0
}

@media screen and (min-width:768px) {
	.property-page-temp #visit .coverbg .general-btn+.general-btn {
		margin-left: 15px
	}
}

.property-page-temp #innermap {
	width: 100%;
	height: 360px
}

.property-page-temp #register {
	color: #333;
	text-align: center;
	padding: 70px 0 120px;
	background: #fff!important
}

.property-page-temp #register .h1past,
.property-page-temp #register h1 {
	font-size: 30px;
	
	font-weight: 400;
	margin: 20px 0 40px;
	font-family: Gotham-Book
}

@media screen and (min-width:768px) {
	.property-page-temp #register .h1past,
	.property-page-temp #register h1 {
		font-size: 30px
	}
}

.property-page-temp #register .checkbox-cover {
	padding: 0 20px;
	text-align: left;
	font-family: Gotham-Book
}

@media screen and (min-width:768px) {
	.property-page-temp #register .checkbox-cover {
		padding: 0 60px
	}
}

.property-page-temp #register .form-cover {
	padding: 20px;
	text-align: center;
	font-family: Gotham-Book
}

@media screen and (min-width:768px) {
	.property-page-temp #register .form-cover {
		padding: 20px 60px
	}
}

.property-page-temp #register .form-cover .outlineselection .form-control {
	box-shadow: none;
	border-radius: 0;
	padding: 10px 5px;
	color: #000;
	height: auto;
	font-family: Gotham-Book;
	font-size: 14px;
	border: 0;
	border-bottom: 1px solid #555;
	margin-bottom: 20px
}

.property-page-temp #register .form-cover .outlineselection .form-control.error {
	border-bottom: 1px solid #ee3232
}

.property-page-temp #register .form-cover .outlineselection select+i.fa {
	margin-top: -60px
}

@-webkit-keyframes inputHighlighter {
	from {
		background: 0 0
	}
	to {
		width: 0;
		background: 0 0
	}
}

@-moz-keyframes inputHighlighter {
	from {
		background: 0 0
	}
	to {
		width: 0;
		background: 0 0
	}
}

@keyframes inputHighlighter {
	from {
		background: 0 0
	}
	to {
		width: 0;
		background: 0 0
	}
}

.property-page-temp #register .form-cover .group {
	position: relative
}

.property-page-temp #register .form-cover .group+.group {
	margin-top: 35px
}

.property-page-temp #register .form-cover button {
	background: 0 0
}

.property-page-temp #register .form-cover .notes {
	font-size: 16px
}

.property-page-temp #register .form-cover .notes {
	font-size: 16px;
	padding: 20px 0 0;
	margin: 0;
	text-align: left
}

.property-page-temp #register .form-cover .errormsg {
	color: #ee3232;
	font-size: 16px;
	text-align: left;
	padding: 5px 0 0
}

.property-page-temp #register .form-cover input {
	font-size: 14px;
	padding: 10px 5px;
	color: #fff;
	font-weight: 700;
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid #555;
	background: 0 0
}

@media only screen and (min-width:768px) {
	.property-page-temp #register .form-cover input {
		font-size: 14px
	}
}

.property-page-temp #register .form-cover input:focus {
	outline: 0
}

.property-page-temp #register .form-cover textarea {
	font-size: 14px;
	padding: 10px 5px;
	color: #fff;
	font-weight: 700;
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid #555;
	background: 0 0;
	resize: none
}

@media only screen and (min-width:768px) {
	.property-page-temp #register .form-cover textarea {
		font-size: 14px
	}
}

.property-page-temp #register .form-cover textarea:focus {
	outline: 0
}

.property-page-temp #register .form-cover label {
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 10px;
	transition: .2s ease all;
	-moz-transition: .2s ease all;
	-webkit-transition: .2s ease all
}

.property-page-temp #register .form-cover input:focus~label,
.property-page-temp #register .form-cover input:valid~label {
	top: -12px;
	font-size: 16px;
	color: #fff
}

.property-page-temp #register .form-cover textarea:focus~label,
.property-page-temp #register .form-cover textarea:valid~label {
	top: -12px;
	font-size: 16px;
	color: #fff
}

.property-page-temp #register .form-cover .bar {
	position: relative;
	display: block;
	width: 100%
}

.property-page-temp #register .form-cover .bar:after,
.property-page-temp #register .form-cover .bar:before {
	content: '';
	height: 1px;
	width: 0;
	bottom: 0;
	position: absolute;
	background: #555;
	transition: .2s ease all;
	-moz-transition: .2s ease all;
	-webkit-transition: .2s ease all
}

.property-page-temp #register .form-cover .bar:before {
	left: 50%
}

.property-page-temp #register .form-cover .bar:after {
	right: 50%
}

.property-page-temp #register .form-cover input:focus~.bar:after,
.property-page-temp #register .form-cover input:focus~.bar:before {
	width: 50%
}

.property-page-temp #register .form-cover textarea:focus~.bar:after,
.property-page-temp #register .form-cover textarea:focus~.bar:before {
	width: 50%
}

.property-page-temp #register .form-cover .highlight {
	position: absolute;
	height: 60%;
	width: 100px;
	top: 25%;
	left: 0;
	pointer-events: none;
	opacity: .5
}

.property-page-temp #register .form-cover input:focus~.highlight {
	-webkit-animation: inputHighlighter .3s ease;
	-moz-animation: inputHighlighter .3s ease;
	animation: inputHighlighter .3s ease
}

.property-page-temp #register .form-cover textarea:focus~.highlight {
	-webkit-animation: inputHighlighter .3s ease;
	-moz-animation: inputHighlighter .3s ease;
	animation: inputHighlighter .3s ease
}

.property-page-temp #register .bg-fcover .group {
	position: relative
}

.property-page-temp #register .bg-fcover .gcover {
	margin-bottom: 20px
}

.property-page-temp #register .bg-fcover .gcover.last {
	margin-bottom: 0
}

.property-page-temp #register .bg-fcover button:focus {
	outline: 0!important
}

.property-page-temp #register .bg-fcover .dropdown-toggle {
	padding: 0;
	outline: 0!important;
	padding-right: 30px;
	border: 0;
	background: 0 0!important;
	box-shadow: none
}

.property-page-temp #register .bg-fcover .dropdown-toggle:focus {
	box-shadow: none
}

.property-page-temp #register .bg-fcover .dropdown-toggle:hover {
	background: 0 0
}

.property-page-temp #register .bg-fcover input {
	font-size: 14px;
	padding: 10px 5px;
	color: #000;
	font-weight: 400;
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid #555;
	background: 0 0
}

.property-page-temp #register .bg-fcover input.error {
	border-bottom: 1px solid #ee3232
}

@media only screen and (min-width:768px) {
	.property-page-temp #register .bg-fcover input {
		font-size: 14px
	}
}

.property-page-temp #register .bg-fcover input:focus {
	outline: 0
}

.property-page-temp #register .bg-fcover input[type=file] {
	border-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	max-width: 330px
}

.property-page-temp #register .bg-fcover textarea {
	font-size: 14px;
	padding: 10px 5px;
	color: #000;
	font-weight: 700;
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid #555;
	background: 0 0;
	resize: none
}

@media only screen and (min-width:768px) {
	.property-page-temp #register .bg-fcover textarea {
		font-size: 14px
	}
}

.property-page-temp #register .bg-fcover textarea:focus {
	outline: 0
}

.property-page-temp #register .bg-fcover label {
	color: #000;
	font-size: 14px;
	font-weight: 300;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 10px;
	transition: .2s ease all;
	-moz-transition: .2s ease all;
	-webkit-transition: .2s ease all
}

.property-page-temp #register .bg-fcover input:focus~label,
.property-page-temp #register .bg-fcover input:valid~label {
	top: -12px;
	font-size: 16px;
	color: #a7a7a7
}

.property-page-temp #register .bg-fcover textarea:focus~label,
.property-page-temp #register .bg-fcover textarea:valid~label {
	top: -12px;
	font-size: 16px;
	color: #a7a7a7
}

.property-page-temp #register .bg-fcover .bar {
	position: relative;
	display: block;
	width: 100%
}

.property-page-temp #register .bg-fcover .bar:after,
.property-page-temp #register .bg-fcover .bar:before {
	content: '';
	height: 1px;
	width: 0;
	bottom: 0;
	position: absolute;
	background: #555;
	transition: .2s ease all;
	-moz-transition: .2s ease all;
	-webkit-transition: .2s ease all
}

.property-page-temp #register .bg-fcover .bar:before {
	left: 50%
}

.property-page-temp #register .bg-fcover .bar:after {
	right: 50%
}

.property-page-temp #register .bg-fcover input:focus~.bar:after,
.property-page-temp #register .bg-fcover input:focus~.bar:before {
	width: 50%
}

.property-page-temp #register .bg-fcover textarea:focus~.bar:after,
.property-page-temp #register .bg-fcover textarea:focus~.bar:before {
	width: 50%
}

.property-page-temp #register .bg-fcover .highlight {
	position: absolute;
	height: 60%;
	width: 100px;
	top: 25%;
	left: 0;
	pointer-events: none;
	opacity: .5
}

.property-page-temp #register .bg-fcover input:focus~.highlight {
	-webkit-animation: inputHighlighter .3s ease;
	-moz-animation: inputHighlighter .3s ease;
	animation: inputHighlighter .3s ease
}

.property-page-temp #register .bg-fcover textarea:focus~.highlight {
	-webkit-animation: inputHighlighter .3s ease;
	-moz-animation: inputHighlighter .3s ease;
	animation: inputHighlighter .3s ease
}

.property-page-temp #register .checkbox {
	padding-left: 20px
}

.property-page-temp #register .checkbox a {
	color: #000
}

.property-page-temp #register .checkbox a:hover {
	color: #ee3232
}

.property-page-temp #register .checkbox label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 5px
}

.property-page-temp #register .checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
	-o-transition: border .15s ease-in-out, color .15s ease-in-out;
	transition: border .15s ease-in-out, color .15s ease-in-out
}

.property-page-temp #register .checkbox label::after {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	margin-left: -20px;
	padding-left: 3px;
	padding-top: 1px;
	font-size: 11px;
	color: #555
}

.property-page-temp #register .checkbox input[type=checkbox] {
	opacity: 0;
	z-index: 1
}

.property-page-temp #register .checkbox input[type=checkbox]:focus+label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

.property-page-temp #register .checkbox input[type=checkbox]:checked+label::after {
	font-family: FontAwesome;
	content: "\f00c"
}

.property-page-temp #register .checkbox input[type=checkbox]:disabled+label {
	opacity: .65
}

.property-page-temp #register .checkbox input[type=checkbox]:disabled+label::before {
	background-color: #eee;
	cursor: not-allowed
}

.property-page-temp #register .submitbtn .blocker {
	display: inline-block;
	padding: 15px 15px 5px
}

@media (max-width:710px) {
	.property-page-temp #register .submitbtn .blocker {
		padding: 15px 15px 5px
	}
}

.property-page-temp #register .submitbtn .general-btn {
	margin-top: 10px;
	width: auto!important;
	font-family: Gotham-Book
}

@media (max-width:710px) {
	.property-page-temp #register .submitbtn .general-btn {
		width: 100%
	}
}

.property-page-temp #register .submitbtn .general-btn.fb {
	background: #243e8a;
	border: 0;
	color: #fff!important;
	width: 100%!important;
	max-width: 255px!important
}

.property-page-temp #register .submitbtn .general-btn.fb i {
	padding-right: 10px;
	font-size: 18px
}

.property-page-temp #register .submitbtn .general-btn.google {
	background: #df4b32;
	border: 0;
	color: #fff!important;
	width: 100%!important;
	max-width: 255px!important
}

.property-page-temp #register .submitbtn .general-btn.google i {
	padding-right: 10px;
	font-size: 18px
}

.property-page-temp #register .logo {
	padding: 50px 0
}

.property-page-temp #register .logo img {
	max-width: 80px
}

.searchproperty {
	background: 0 0!important;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99
}

.searchproperty #author_bio_wrap {
	margin-top: 0;
	margin-bottom: 0;
	background: #fff;
	border-top: 2px solid #f4f4f4;
	width: 100%;
	text-align: center;
	height: auto;
	padding: 10px
}

.searchproperty #author_bio_wrap .general-btn {
	margin: 0;
	padding: 5px 20px;
	font-family: Gotham-Book
}

@media (max-width:520px) {
	.searchproperty #author_bio_wrap .general-btn {
		padding: 10px 20px
	}
}

@media (max-width:520px) {
	.searchproperty #author_bio_wrap .general-btn {
		width: 90%;
		max-width: 230px
	}
}

.searchproperty #author_bio_wrap .general-btn i {
	padding-right: 8px
}

.searchproperty #author_bio_wrap .general-btn+.general-btn {
	margin-left: 15px
}

@media (max-width:520px) {
	.searchproperty #author_bio_wrap .general-btn+.general-btn {
		margin-left: 0;
		margin-top: 12px
	}
}

.searchproperty #author_bio_wrap_toggle {
	display: block;
	margin: 0 auto;
	max-width: 230px;
	height: 45px;
	line-height: 16px;
	text-decoration: none;
	text-align: center;
	background: #ee3232;
	padding-top: 8px;
	color: #fff;
	position: relative;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-family: Gotham-Book;
	font-size: 16px
}

.searchproperty #author_bio_wrap_toggle b {
	display: block;
	font-family: Gotham-Medium
}

.searchproperty #author_bio_wrap_toggle i {
	position: absolute;
	right: 10px;
	top: 30%
}

.precinct .precinctbg {
	background: url(../img/banner-bg-theglades.jpg) no-repeat center center;
	color: #fff;
	padding: 100px 0;
	margin-bottom: 20px
}

.precinct .precinctbg .h2past,
.precinct .precinctbg h2 {
	padding-bottom: 20px;
	margin-bottom: 0
}

.precinct a {
	color: #333
}

.precinct a:hover {
	text-decoration: none
}

.precinct a .property-thumb {
	position: relative
}

.precinct a .property-thumb:hover .general-btn {
	transition: all .3s ease;
	border: 1px solid #ee3232;
	background: #ee3232;
	color: #fff!important;
	text-decoration: none
}

@media (max-width:991px) {
	.precinct a .property-thumb {
		max-width: 460px
	}
}

.precinct a .property-thumb .outline {
	border: 1px solid #ccc
}

.precinct a .property-thumb .img-cover {
	padding: 0;
	position: relative;
	float: left;
	width: 100%
}

.precinct a .property-thumb .caption-cover {
	padding: 20px;
	position: relative
}

.precinct a .property-thumb .caption-cover .capgap {
	padding: 20px
}

.precinct a .property-thumb .caption-cover .capgap h5 {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 0;
	margin: 0;
	padding: 0;
	margin-bottom: 10px
}

.precinct a .property-thumb .caption-cover .capgap h3 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 0
}

.precinct a .property-thumb .caption-cover .capgap h6 {
	font-size: 14px;
	font-weight: 500;
	font-style: italic;
	margin-bottom: 15px
}

.precinct a .property-thumb .caption-cover .capgap h6.sub {
	margin: 0 0 15px;
	font-style: normal
}

.precinct a .property-thumb .caption-cover .capgap p {
	font-size: 14px;
	font-weight: 300;
	line-height: 18px;
	min-height: 75px
}

.socialcover {
	overflow: hidden
}

.socialcover .img-cover {
	padding: 30px 0 0;
	position: relative;
	display: block;
	height: auto;
	min-height: 100%
}

.socialcover .img-cover .single {
	margin-bottom: 20px
}

@media (max-width:767px) {
	.socialcover .img-cover .single {
		margin-bottom: 10px
	}
}

.socialcover .img-cover .block.left {
	margin-bottom: 30px
}

@media (max-width:767px) {
	.socialcover .img-cover .block.left {
		margin-bottom: 10px
	}
}

@media (max-width:767px) {
	.socialcover .img-cover .block.left {
		width: 49%;
		float: left;
		margin-bottom: 10px
	}
	.socialcover .img-cover .block.right {
		width: 49%;
		float: right;
		margin-bottom: 10px
	}
}

.socialcover .caption-cover {
	padding: 5px 0 0;
	position: relative;
	display: block;
	height: auto;
	min-height: 100%
}

.socialcover .caption-cover .outline {
	border: 1px solid #ccc;
	background: #fff;
	margin-bottom: 30px;
	padding: 0
}

@media (max-width:767px) {
	.socialcover .caption-cover .outline {
		margin-bottom: 15px
	}
}

.socialcover .caption-cover .outline.half {
	min-height: 185px
}

.socialcover .caption-cover .outline.half .bottom {
	padding: 25px 60px
}

@media (max-width:767px) {
	.socialcover .caption-cover .outline.half .bottom {
		padding: 25px
	}
}

.socialcover .caption-cover .outline.full {
	min-height: 400px
}

.socialcover .caption-cover .top {
	height: 56px;
	position: relative;
	border-bottom: 1px solid #ccc
}

.socialcover .caption-cover .top .thumb {
	width: 80px;
	height: 56px;
	background: url(../img/propertydev/social-user02.jpg) no-repeat center center;
	border-right: 1px solid #ccc;
	background-size: cover;
	display: inline-block;
	float: left
}

.socialcover .caption-cover .top .icon {
	color: #999;
	font-size: 20px;
	line-height: 56px;
	padding-right: 25px
}

@media (max-width:767px) {
	.socialcover .caption-cover .top .icon {
		padding-right: 15px
	}
}

.socialcover .caption-cover .top .username {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	font-weight: 700;
	padding-left: 100px;
	margin: 0;
	position: absolute;
	padding-left: 20px;
	padding-right: 30px;
	top: 50%;
	transform: translate(0, -50%);
	line-height: 16px
}

@media (max-width:767px) {
	.socialcover .caption-cover .top .username {
		padding-left: 8px;
		padding-right: 30px
	}
}

.socialcover .caption-cover .bottom {
	padding: 30px 60px
}

@media (max-width:767px) {
	.socialcover .caption-cover .bottom {
		padding: 25px
	}
}

.socialcover .caption-cover .bottom p {
	font-size: 14px;
	font-weight: 400;
	line-height: 18px
}

.socialcover .caption-cover .bottom p+p {
	margin-top: 15px
}

.socialcover .caption-cover .bottom .rating {
	padding-bottom: 15px
}

.socialcover .caption-cover .bottom .rating i {
	font-size: 18px
}

.socialcover .caption-cover .bottom .rating i+i {
	margin-left: 8px
}

.socialcover .caption-cover .bottom .rating i.alpha {
	opacity: .3
}

.socialcover .socialcaptionslider .slick-dots li.slick-active button:before {
	font-size: 13px;
	line-height: 13px;
	opacity: 1
}

.socialcover .socialcaptionslider .slick-dots li button::before {
	font-size: 11px;
	line-height: 13px;
	opacity: .6
}

.masterplan {
	position: relative
}

.masterplan .bgimg {
	background: url(../img/propertydev/masterplan-putra-heights.jpg) no-repeat center center;
	padding: 160px 0
}

.masterplan .general-btn {
	margin-top: 0
}

.investor-calendar .datecover {
	padding: 10px 15px;
	height: 100%;
	min-height: 150px
}

.investor-calendar .datecover h6 {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	display: block;
	line-height: 20px;
	margin: 6px 0
}

.investor-calendar .datecover h6.presentation {
	margin: 0
}

.investor-calendar .datecover p {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
	padding-top: 15px
}

.investor-calendar .datecover.conferencesbg {
	background: #ee3232
}

.investor-calendar .datecover.eventsbg {
	background: #292929
}

.investor-calendar .datecover.roadshowsbg {
	background: #fff;
	border: 1px solid #ccc
}

.investor-calendar .datecover.roadshowsbg h6,
.investor-calendar .datecover.roadshowsbg p {
	color: #292929
}

.investor-calendar ul {
	margin: 20px 0;
	padding: 0;
	text-align: center
}

@media (max-width:767px) {
	.investor-calendar ul {
		text-align: left
	}
}

.investor-calendar ul li {
	display: inline-block;
	padding: 0;
	margin: 0 20px 8px;
	list-style: none;
	line-height: 30px;
	height: 30px;
	vertical-align: middle;
	padding-left: 35px;
	font-size: 15px;
	font-weight: 300
}

.investor-calendar ul li:nth-child(1) {
	background: url(../img/icon-conferences.png) left center no-repeat
}

.investor-calendar ul li:nth-child(2) {
	background: url(../img/icon-roadshows.png) left center no-repeat
}

.investor-calendar ul li:nth-child(3) {
	background: url(../img/icon-propertyevents.png) left center no-repeat;
	line-height: 20px;
	padding-top: 5px
}

.investor-thumb {
	position: relative;
	height: 100%
}

.investor-thumb .cover-img {
	border-bottom: 1px solid #c1c1c1
}

.investor-thumb a {
	color: #333
}

.investor-thumb a .general-btn {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	max-width: 180px
}

@media (max-width:991px) {
	.investor-thumb a .general-btn {
		bottom: 40px
	}
}

.investor-thumb a:hover .general-btn {
	background: #ee3232;
	color: #fff!important;
	border: 1px solid #ee3232
}

.investor-thumb a .cover {
	border: 1px solid #c1c1c1;
	height: 100%;
	padding-bottom: 45px;
	max-width: 460px
}

@media (max-width:991px) {
	.investor-thumb a .cover {
		padding-bottom: 65px;
		margin-bottom: 20px
	}
}

.investor-thumb a .cover .content {
	padding: 20px
}

.investor-thumb a .cover .content .stocktitle {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 300;
	line-height: 18px
}

.investor-thumb a .cover .content .stocknumber {
	margin: 0;
	padding: 0;
	font-size: 72px
}

.investor-thumb a .cover .content .stock.green {
	font-weight: 700;
	font-size: 18px;
	color: #009916
}

.investor-thumb a .cover .content .stock.red {
	font-weight: 700;
	font-size: 18px;
	color: #ee3232
}

.investor-thumb a .cover .content ul {
	margin: 20px 0 0;
	padding: 0
}

.investor-thumb a .cover .content ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 30px;
	height: 30px;
	vertical-align: middle;
	padding-left: 32px;
	font-size: 15px;
	font-weight: 300
}

.investor-thumb a .cover .content ul li+li {
	margin-bottom: 10px
}

@media (max-width:767px) {
	.investor-thumb a .cover .content ul li+li {
		margin-top: 5px;
		margin-bottom: 0
	}
}

.investor-thumb a .cover .content ul li:nth-child(1) {
	background: url(../img/icon-conferences.png) left center no-repeat
}

.investor-thumb a .cover .content ul li:nth-child(2) {
	background: url(../img/icon-propertyevents.png) left center no-repeat;
	line-height: 20px;
	padding-top: 5px
}

.investor-thumb a .cover .content ul li:nth-child(3) {
	background: url(../img/icon-roadshows.png) left center no-repeat
}

.investor-thumb a .cover .content.empty {
	padding: 20px 0 0
}

.investor-thumb a .cover .content.empty .eventab {
	position: relative
}

@media (max-width:767px) {
	.investor-thumb a .cover .content.empty .eventab:last-child {
		margin-bottom: 30px
	}
}

.investor-thumb a .cover .content.empty .eventab .bricks {
	width: 10px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background: #fff
}

.investor-thumb a .cover .content.empty .eventab .bricks.conferences {
	border: 1px solid #ee3232;
	background: #ee3232
}

.investor-thumb a .cover .content.empty .eventab .bricks.events {
	border: 1px solid #292929;
	background: #292929
}

.investor-thumb a .cover .content.empty .eventab .bricks.roadshows {
	border: 1px solid #ccc;
	border-left: none
}

.investor-thumb a .cover .content.empty .eventab .tabdetails {
	padding: 6px 0;
	padding-left: 20px
}

.investor-thumb a .cover .content.empty .eventab p {
	margin-bottom: 0;
	padding-top: 10px
}

.investor-thumb a .cover .content.empty .eventab+.eventab {
	margin-top: 10px
}

.investor-thumb a .cover .content h3 {
	font-size: 22px;
	
	line-height: 22px;
	color: #333;
	font-weight: 400;
	margin: 0 0 10px 0
}

.investor-thumb a .cover .content h6 {
	font-size: 16px;
	font-weight: 700;
	display: block;
	line-height: 20px;
	margin: 6px 0
}

.investor-thumb a .cover .content h6.presentation {
	margin: 0
}

.investor-thumb a .cover .content h5 {
	font-size: 16px;
	font-weight: 400;
	display: block;
	margin: 0
}

.investor-thumb a .cover .content .chartsample {
	font-size: 16px;
	font-weight: 300
}

.investor-thumb a .cover .content p {
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
	padding-top: 15px
}

.investor-thumb-inner {
	position: relative;
	height: 100%;
	margin-bottom: 25px
}

.investor-thumb-inner .cover-img {
	border-bottom: 1px solid #c1c1c1
}

.investor-thumb-inner a {
	color: #333
}

.investor-thumb-inner a:hover .general-btn {
	background: #ee3232;
	color: #fff!important;
	border: 1px solid #ee3232
}

.investor-thumb-inner a .cover {
	border: 1px solid #c1c1c1;
	height: 100%;
	max-width: 460px
}

@media (max-width:991px) {
	.investor-thumb-inner a .cover {
		margin-bottom: 20px
	}
}

.investor-thumb-inner a .cover .content {
	padding: 20px 15px;
	min-height: 180px
}

.investor-thumb-inner a .cover .content h6 {
	font-size: 16px;
	font-weight: 700;
	display: block;
	line-height: 20px;
	margin: 6px 0
}

.investor-thumb-inner a .cover .content h6.presentation {
	margin: 0
}

.investor-thumb-inner a .cover .content h5 {
	font-size: 16px;
	font-weight: 400;
	display: block;
	margin-bottom: 0
}

.investor-thumb-inner a .cover .content .chartsample {
	font-size: 16px;
	font-weight: 300
}

.investor-thumb-inner a .cover .content p {
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
	padding-top: 15px;
	line-height: 18px
}

.salesgallery .coverbg {
	background: url(../img/propertydev/gallery-glades.jpg) no-repeat center center;
	color: #fff;
	padding: 70px 0;
	background-size: cover
}

.salesgallery .coverbg .h2past,
.salesgallery .coverbg h2 {
	padding-bottom: 20px;
	margin-bottom: 0
}

.salesgallery .coverbg p {
	font-weight: 400
}

.salesgallery .coverbg p+p {
	padding-top: 15px
}

.salesgallery .coverbg .general-btn+.general-btn {
	margin-left: 15px
}

@media (max-width:767px) {
	.salesgallery .coverbg .general-btn+.general-btn {
		margin-left: 0
	}
}

.signup {
	padding: 70px 0;
	color: #333;
	text-align: center;
	background: #fff center center no-repeat
}

.signup .h1past,
.signup h1 {
	font-size: 30px;
	
	font-weight: 700;
	margin: 0 0 40px;
	
}

@media screen and (min-width:768px) {
	.signup .h1past,
	.signup h1 {
		font-size: 30px
	}
}

.signup .dropdown-menu span.text {
	font-size: 14px
}

.signup .dropdown-menu li a {
	padding-top: 5px;
	padding-bottom: 5px
}

.signup .checkbox-cover {
	padding: 0 20px;
	text-align: left
}

@media screen and (min-width:768px) {
	.signup .checkbox-cover {
		padding: 0 60px
	}
}

.signup .form-cover {
	padding: 20px;
	text-align: center;
	
}

@media screen and (min-width:768px) {
	.signup .form-cover {
		padding: 20px 60px
	}
}

.signup .form-cover .outlineselection .form-control {
	box-shadow: none;
	border-radius: 0;
	padding: 10px 5px;
	color: #000;
	height: auto;
	
	font-size: 14px;
	border: 0;
	border-bottom: 1px solid #555;
	margin-bottom: 20px;
	background: 0 0!important
}

.signup .form-cover .outlineselection .form-control.error {
	border-bottom: 1px solid #ee3232
}

.signup .form-cover .outlineselection select+i.fa {
	margin-top: -60px
}

@-webkit-keyframes inputHighlighter {
	from {
		background: 0 0
	}
	to {
		width: 0;
		background: 0 0
	}
}

@-moz-keyframes inputHighlighter {
	from {
		background: 0 0
	}
	to {
		width: 0;
		background: 0 0
	}
}

@keyframes inputHighlighter {
	from {
		background: 0 0
	}
	to {
		width: 0;
		background: 0 0
	}
}

.signup .form-cover .group {
	position: relative
}

.signup .form-cover .group+.group {
	margin-top: 35px
}

.signup .form-cover .notes {
	font-size: 16px;
	padding: 20px 0 0;
	margin: 0;
	text-align: left
}

.signup .form-cover .errormsg {
	color: #ee3232;
	font-size: 16px;
	text-align: left;
	padding: 5px 0 0
}

.signup .form-cover input {
	font-size: 14px;
	padding: 10px 5px;
	color: #fff;
	font-weight: 700;
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid #555;
	background: 0 0
}

@media only screen and (min-width:768px) {
	.signup .form-cover input {
		font-size: 14px
	}
}

.signup .form-cover input:focus {
	outline: 0
}

.signup .form-cover textarea {
	font-size: 14px;
	padding: 10px 5px;
	color: #fff;
	font-weight: 700;
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid #555;
	background: 0 0;
	resize: none
}

.signup .form-cover textarea.error {
	border-bottom: 1px solid #ee3232
}

@media only screen and (min-width:768px) {
	.signup .form-cover textarea {
		font-size: 14px
	}
}

.signup .form-cover textarea:focus {
	outline: 0
}

.signup .form-cover label {
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 10px;
	transition: .2s ease all;
	-moz-transition: .2s ease all;
	-webkit-transition: .2s ease all
}

.signup .form-cover input:focus~label,
.signup .form-cover input:valid~label {
	top: -12px;
	font-size: 16px;
	color: #fff
}

.signup .form-cover textarea:focus~label,
.signup .form-cover textarea:valid~label {
	top: -12px;
	font-size: 16px;
	color: #fff
}

.signup .form-cover .bar {
	position: relative;
	display: block;
	width: 100%
}

.signup .form-cover .bar:after,
.signup .form-cover .bar:before {
	content: '';
	height: 1px;
	width: 0;
	bottom: 0;
	position: absolute;
	background: #555;
	transition: .2s ease all;
	-moz-transition: .2s ease all;
	-webkit-transition: .2s ease all
}

.signup .form-cover .bar:before {
	left: 50%
}

.signup .form-cover .bar:after {
	right: 50%
}

.signup .form-cover input:focus~.bar:after,
.signup .form-cover input:focus~.bar:before {
	width: 50%
}

.signup .form-cover textarea:focus~.bar:after,
.signup .form-cover textarea:focus~.bar:before {
	width: 50%
}

.signup .form-cover .highlight {
	position: absolute;
	height: 60%;
	width: 100px;
	top: 25%;
	left: 0;
	pointer-events: none;
	opacity: .5
}

.signup .form-cover input:focus~.highlight {
	-webkit-animation: inputHighlighter .3s ease;
	-moz-animation: inputHighlighter .3s ease;
	animation: inputHighlighter .3s ease
}

.signup .form-cover textarea:focus~.highlight {
	-webkit-animation: inputHighlighter .3s ease;
	-moz-animation: inputHighlighter .3s ease;
	animation: inputHighlighter .3s ease
}

.signup .bg-fcover .group {
	position: relative
}

.signup .bg-fcover .gcover {
	margin-bottom: 20px
}

.signup .bg-fcover .gcover.last {
	margin-bottom: 0
}

.signup .bg-fcover button:focus {
	outline: 0!important
}

.signup .bg-fcover .dropdown-toggle {
	padding: 0;
	outline: 0!important;
	padding-right: 30px;
	border: 0;
	background: 0 0!important;
	box-shadow: none
}

.signup .bg-fcover .dropdown-toggle:focus {
	box-shadow: none
}

.signup .bg-fcover .dropdown-toggle:hover {
	background: 0 0
}

.signup .bg-fcover input {
	font-size: 14px;
	padding: 10px 5px;
	color: #000;
	font-weight: 400;
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid #555;
	background: 0 0
}

.signup .bg-fcover input.error {
	border-bottom: 1px solid #ee3232
}

@media only screen and (min-width:768px) {
	.signup .bg-fcover input {
		font-size: 14px
	}
}

.signup .bg-fcover input:focus {
	outline: 0
}

.signup .bg-fcover input[type=file] {
	border-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	max-width: 330px
}

.signup .bg-fcover textarea {
	font-size: 14px;
	padding: 10px 5px;
	color: #000;
	font-weight: 700;
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid #555;
	background: 0 0;
	resize: none
}

@media only screen and (min-width:768px) {
	.signup .bg-fcover textarea {
		font-size: 14px
	}
}

.signup .bg-fcover textarea:focus {
	outline: 0
}

.signup .bg-fcover label {
	color: #000;
	font-size: 14px;
	font-weight: 300;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 10px;
	transition: .2s ease all;
	-moz-transition: .2s ease all;
	-webkit-transition: .2s ease all
}

.signup .bg-fcover input:focus~label,
.signup .bg-fcover input:valid~label {
	top: -12px;
	font-size: 16px;
	color: #a7a7a7
}

.signup .bg-fcover textarea:focus~label,
.signup .bg-fcover textarea:valid~label {
	top: -12px;
	font-size: 16px;
	color: #a7a7a7
}

.signup .bg-fcover .bar {
	position: relative;
	display: block;
	width: 100%
}

.signup .bg-fcover .bar:after,
.signup .bg-fcover .bar:before {
	content: '';
	height: 1px;
	width: 0;
	bottom: 0;
	position: absolute;
	background: #555;
	transition: .2s ease all;
	-moz-transition: .2s ease all;
	-webkit-transition: .2s ease all
}

.signup .bg-fcover .bar:before {
	left: 50%
}

.signup .bg-fcover .bar:after {
	right: 50%
}

.signup .bg-fcover input:focus~.bar:after,
.signup .bg-fcover input:focus~.bar:before {
	width: 50%
}

.signup .bg-fcover textarea:focus~.bar:after,
.signup .bg-fcover textarea:focus~.bar:before {
	width: 50%
}

.signup .bg-fcover .highlight {
	position: absolute;
	height: 60%;
	width: 100px;
	top: 25%;
	left: 0;
	pointer-events: none;
	opacity: .5
}

.signup .bg-fcover input:focus~.highlight {
	-webkit-animation: inputHighlighter .3s ease;
	-moz-animation: inputHighlighter .3s ease;
	animation: inputHighlighter .3s ease
}

.signup .bg-fcover textarea:focus~.highlight {
	-webkit-animation: inputHighlighter .3s ease;
	-moz-animation: inputHighlighter .3s ease;
	animation: inputHighlighter .3s ease
}

.signup .checkbox {
	padding-left: 20px
}

.signup .checkbox a {
	color: #000
}

.signup .checkbox a:hover {
	color: #ee3232
}

.signup .checkbox label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 5px
}

.signup .checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
	-o-transition: border .15s ease-in-out, color .15s ease-in-out;
	transition: border .15s ease-in-out, color .15s ease-in-out
}

.signup .checkbox label::after {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	margin-left: -20px;
	padding-left: 3px;
	padding-top: 1px;
	font-size: 11px;
	color: #555
}

.signup .checkbox input[type=checkbox] {
	opacity: 0;
	z-index: 1
}

.signup .checkbox input[type=checkbox]:focus+label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

.signup .checkbox input[type=checkbox]:checked+label::after {
	font-family: FontAwesome;
	content: "\f00c"
}

.signup .checkbox input[type=checkbox]:disabled+label {
	opacity: .65
}

.signup .checkbox input[type=checkbox]:disabled+label::before {
	background-color: #eee;
	cursor: not-allowed
}

.signup .submitbtn .blocker {
	display: inline-block;
	padding: 15px 15px 5px
}

@media (max-width:710px) {
	.signup .submitbtn .blocker {
		padding: 15px 15px 5px
	}
}

.signup .submitbtn .general-btn {
	margin-top: 10px;
	width: auto!important
}

@media (max-width:710px) {
	.signup .submitbtn .general-btn {
		width: 100%
	}
}

.signup .submitbtn .general-btn.fb {
	background: #243e8a;
	border: 0;
	color: #fff!important;
	width: 100%!important;
	max-width: 255px!important
}

.signup .submitbtn .general-btn.fb i {
	padding-right: 10px;
	font-size: 18px
}

.signup .submitbtn .general-btn.google {
	background: #df4b32;
	border: 0;
	color: #fff!important;
	width: 100%!important;
	max-width: 255px!important
}

.signup .submitbtn .general-btn.google i {
	padding-right: 10px;
	font-size: 18px
}

.signup .logo {
	padding: 50px 0
}

.signup .logo img {
	max-width: 80px
}

.compare .listing .itemrow {
	padding: 5px 0
}

.compare .listing .ctitle {
	font-weight: 700;
	width: 40%;
	font-size: 15px
}

.compare .listing .cvalue {
	width: 60%;
	font-size: 15px
}

.compare .property-thumb {
	position: relative
}

.compare .property-thumb:hover .general-btn {
	transition: all .3s ease;
	border: 1px solid #ee3232;
	background: #ee3232;
	color: #fff!important;
	text-decoration: none
}

.compare .property-thumb .removeicon {
	position: absolute;
	right: 30px;
	top: 20px;
	z-index: 9999;
	font-size: 30px;
	color: rgba(255, 255, 255, .8)
}

.compare .property-thumb .removeicon:hover {
	color: #ee3232
}

@media (max-width:991px) {
	.compare .property-thumb {
		max-width: 460px
	}
}

.compare .property-thumb .outline {
	border: 1px solid #ccc
}

.compare .property-thumb .img-cover {
	padding: 0;
	position: relative;
	float: left;
	width: 100%
}

.compare .property-thumb .caption-cover {
	padding: 20px;
	position: relative
}

.compare .property-thumb .caption-cover .capgap {
	padding: 20px
}

.compare .property-thumb .caption-cover .capgap h5 {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 0;
	margin: 0;
	padding: 0;
	margin-bottom: 5px
}

.compare .property-thumb .caption-cover .capgap h3 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 15px
}

.compare .property-thumb .caption-cover .capgap h6 {
	font-size: 14px;
	font-weight: 700;
	font-style: italic;
	margin-bottom: 15px
}

.compare .property-thumb .caption-cover .capgap p {
	font-size: 14px;
	font-weight: 300;
	line-height: 18px;
	min-height: 75px
}

.compare .property-thumb .caption-cover .capgap hr {
	border-top: 1px solid #ccc
}

.compare .property-thumb .caption-cover .capgap a {
	margin-bottom: 10px;
	min-width: 160px
}

.compare .property-thumb .caption-cover .capgap a.removebtn {
	min-width: 50px;
	display: inline-block
}

.overlay {
	height: 100%;
	width: 100%;
	position: fixed;
	display: none;
	z-index: 99999;
	top: 0;
	left: 0;
	background-color: #fff;
	background-color: #fff;
	overflow-x: hidden;
	transition: .3s;
	animation: fadeIn .3s linear;
	animation-fill-mode: both
}

.overlay a.btnthumb {
	color: #333!important
}

.overlay a.btnthumb:hover {
	text-decoration: none
}

.overlay .searchpop {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

.overlay .searchpop h2.top {
	margin-top: 10%
}

@media (max-width:767px) {
	.overlay .searchpop h2.top {
		font-size: 25px;
		margin-top: 20%
	}
}

.overlay .searchpop .input-group i {
	position: absolute;
	left: 15px;
	z-index: 99;
	line-height: 50px;
	font-size: 20px
}

@media (max-width:767px) {
	.overlay .searchpop .input-group i {
		left: 15px;
		line-height: 40px;
		font-size: 16px
	}
}

.overlay .searchpop .input-group input {
	padding-left: 46px;
	height: 50px;
	font-size: 16px;
	border-top-left-radius: 4px!important;
	border-bottom-left-radius: 4px!important;
	border: 1px solid #ccc;
	box-shadow: none
}

@media (max-width:767px) {
	.overlay .searchpop .input-group input {
		padding-left: 38px;
		height: 40px;
		font-size: 14px
	}
}

.overlay .searchpop .input-group input:focus {
	box-shadow: none;
	border: 1px solid #ccc
}

.overlay .searchpop .input-group .input-group-btn button {
	height: 50px;
	background: #333;
	color: #fff;
	font-size: 16px;
	padding: 0 35px;
	border: 1px solid #333
}

@media (max-width:767px) {
	.overlay .searchpop .input-group .input-group-btn button {
		height: 40px;
		padding: 0 20px
	}
}

.overlay .searchpop .input-group .input-group-btn button:hover {
	background: #ee3232;
	border: 1px solid #ee3232
}

.overlay .searchpop .btmcover {
	padding-top: 35px;
	padding-bottom: 20px
}

.overlay .searchpop .btmcover .prosector {
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	padding-right: 20px
}

.overlay .searchpop .btmcover .prosector:hover {
	text-decoration: none!important
}

@media (max-width:767px) {
	.overlay .searchpop .btmcover .prosector {
		display: block;
		padding-bottom: 10px
	}
}

.overlay .searchpop .btmcover .greytxt {
	color: #666
}

.overlay .searchpop .btmcover .general-btn {
	display: inline-block;
	min-width: auto;
	width: auto;
	font-weight: 400;
	font-size: 16px;
	padding: 6px 15px;
	margin: 0
}

@media (min-width:1200px) {
	.overlay .searchpop .btmcover .general-btn {
		font-size: 16px;
		padding: 6px 25px
	}
}

@media (min-width:1200px) {
	.overlay .searchpop .btmcover .general-btn.primebtn {
		padding-left: 14px;
		padding-right: 14px
	}
}

.overlay .searchpop .btmcover .general-btn+.general-btn {
	margin-left: 5px
}

.overlay .searchpop .btmcover .general-btn:hover {
	background: #ee3232;
	color: #fff
}

.malocation {
	margin-bottom: 60px
}

.malocation .coverbg {
	background: url(../img/melawati-mall-location.jpg) no-repeat center center;
	color: #fff;
	min-height: 420px;
	margin-bottom: 20px;
	background-size: cover!important
}

.malocation .coverbg .text-cover {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translate(0, -50%);
	text-align: center;
	left: 0;
	right: 0
}

.malocation .coverbg .text-cover .h2past,
.malocation .coverbg .text-cover h2 {
	padding-bottom: 20px;
	margin-bottom: 0
}

.malocation .coverbg .text-cover p {
	font-weight: 400
}

.malocation .coverbg .text-cover p+p {
	padding-top: 15px
}

.malocation .coverbg .text-cover .general-btn+.general-btn {
	margin-left: 15px
}

@media (max-width:767px) {
	.malocation .coverbg .text-cover .general-btn+.general-btn {
		margin-left: 0
	}
}

.malocation .mapbg {
	background: url(../img/capella/event-map.png) no-repeat center center
}

.overlay-content {
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 30px
}

.overlay-content .property-thumb {
	position: relative
}

.overlay-content .property-thumb:hover .general-btn {
	transition: all .3s ease;
	border: 1px solid #ee3232;
	background: #ee3232;
	color: #fff!important;
	text-decoration: none
}

.overlay-content .property-thumb .removeicon {
	position: absolute;
	right: 30px;
	top: 20px;
	z-index: 9999;
	font-size: 30px;
	color: rgba(255, 255, 255, .8)
}

.overlay-content .property-thumb .removeicon:hover {
	color: #ee3232
}

@media (max-width:991px) {
	.overlay-content .property-thumb {
		max-width: 460px
	}
}

.overlay-content .property-thumb .outline {
	border: 1px solid #ccc
}

.overlay-content .property-thumb .img-cover {
	padding: 0;
	position: relative;
	float: left;
	width: 100%
}

.overlay-content .property-thumb .caption-cover {
	padding: 20px;
	position: relative
}

.overlay-content .property-thumb .caption-cover .capgap {
	padding: 20px
}

.overlay-content .property-thumb .caption-cover .capgap h5 {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 0;
	margin: 0;
	padding: 0;
	margin-bottom: 5px
}

.overlay-content .property-thumb .caption-cover .capgap h3 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 15px
}

.overlay-content .property-thumb .caption-cover .capgap h6 {
	font-size: 14px;
	font-weight: 700;
	font-style: italic;
	margin-bottom: 15px
}

.overlay-content .property-thumb .caption-cover .capgap p {
	font-size: 14px;
	font-weight: 300;
	line-height: 18px;
	min-height: 75px
}

.overlay-content .property-thumb .caption-cover .capgap hr {
	border-top: 1px solid #ccc
}

.overlay-content .property-thumb .caption-cover .capgap a {
	margin-bottom: 10px;
	min-width: 160px
}

.overlay-content .property-thumb .caption-cover .capgap a.removebtn {
	min-width: 50px;
	display: inline-block
}

.overlay .tophead {
	padding: 30px
}

.overlay .tophead .h2past,
.overlay .tophead h2 {
	margin-bottom: 10px
}

.overlay .resultcover {
	margin-top: 190px
}

.overlay .fixedtop {
	position: fixed;
	background: #fff;
	width: 100%;
	top: 0;
	z-index: 9999;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, .18)
}

.overlay .closebtn {
	position: absolute;
	top: 0;
	right: 15px;
	z-index: 1000;
	font-size: 50px;
	line-height: 35px;
	color: #333
}

.overlay .closebtn:hover {
	text-decoration: none
}

@media screen and (max-height:450px) {
	.overlay {
		overflow-y: auto
	}
	.overlay .closebtn {
		font-size: 40px
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
		top: -100px
	}
	75% {
		opacity: .5;
		top: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		top: -100px
	}
	75% {
		opacity: .5;
		top: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		top: -100px
	}
	75% {
		opacity: .5;
		top: 0
	}
	100% {
		opacity: 1
	}
}

.fade {
	z-index: 9999999!important;
	background: rgba(0, 0, 0, .75)
}

.general-modal.modal {
	z-index: 99999999!important;
	background: rgba(0,0,0,0.4);
}

.general-modal .modal-dialog {
	width: 100%;
	margin: 0 auto
}

@media (min-width:1171px) {
	.general-modal .modal-dialog {
		width: 1170px;
		margin: 50px auto
	}
}

.general-modal .modal-content {
	border: transparent;
	border-radius: 0
}

.general-modal .modal-content.videopop {
	background: 0 0;
	box-shadow: none
}

.general-modal .modal-content.videopop .xbtn {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	font-size: 28px;
	color: #fff;
	cursor: pointer
}

.general-modal .modal-content.videopop .modal-body {
	padding: 30px 0
}

.general-modal .modal-content .xbtn {
	position: absolute;
	right: 15px;
	top: 0;
	z-index: 1;
	font-size: 30px;
	color: #999;
	cursor: pointer
}

.general-modal .modal-body {
	padding: 50px 15px 30px
}

@media (min-width:768px) {
	.general-modal .modal-body {
		padding: 30px 15px
	}
}

.general-modal .modal-body img {
	margin-bottom: 20px
}

.general-modal .modal-body .h2past,
.general-modal .modal-body h2 {
	font-size: 20px;
	margin: 0 0 20px 0;
	color: #333
}

.general-modal .modal-body p {
	font-size: 15px;
	line-height: 20px;
	color: #333
}

.general-modal .modal-body p+p {
	margin-top: 20px
}

.corgorvenance-cover section:nth-child(odd) {
	background: #fff
}

.corgorvenance-cover section:nth-child(even) {
	background: #f4f4f4
}

@media (min-width:768px) {
	.corgorvenance-cover .slider4col {
		padding-bottom: 30px
	}
}

.corgorvenance-cover .slider4col .slick-dots {
	bottom: 0
}

.corgorvenance-cover .slider4col .slick-dots li.slick-active button:before {
	font-size: 13px;
	line-height: 13px;
	opacity: 1
}

.corgorvenance-cover .slider4col .slick-dots li button::before {
	font-size: 11px;
	line-height: 13px;
	opacity: .6
}

.corgorvenance-cover .flagcover img {
	margin-bottom: 8px;
	display: block
}

.corgorvenance-cover .flagcover a {
	font-size: 16px
}

.corgorvenance-cover .flagcover a:hover {
	text-decoration: none
}

@font-face {
	font-family: Gotham-Book;
	src: url(../webfonts/Gotham-Book.eot);
	src: url(../webfonts/Gotham-Book.woff2) format("woff2"), url(../webfonts/Gotham-Book.woff) format("woff"), url(../webfonts/Gotham-Book.ttf) format("truetype"), url(../webfonts/Gotham-Book.svg#Gotham-Book) format("svg"), url(../webfonts/Gotham-Book.eot?#iefix) format("embedded-opentype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Gotham-BookItalic;
	src: url(../webfonts/Gotham-BookItalic.eot);
	src: url(../webfonts/Gotham-BookItalic.woff2) format("woff2"), url(../webfonts/Gotham-BookItalic.woff) format("woff"), url(../webfonts/Gotham-BookItalic.ttf) format("truetype"), url(../webfonts/Gotham-BookItalic.svg#Gotham-BookItalic) format("svg"), url(../webfonts/Gotham-BookItalic.eot?#iefix) format("embedded-opentype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Gotham-Light;
	src: url(../webfonts/Gotham-Light.eot);
	src: url(../webfonts/Gotham-Light.woff2) format("woff2"), url(../webfonts/Gotham-Light.woff) format("woff"), url(../webfonts/Gotham-Light.ttf) format("truetype"), url(../webfonts/Gotham-Light.svg#Gotham-Light) format("svg"), url(../webfonts/Gotham-Light.eot?#iefix) format("embedded-opentype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Gotham-LightItalic;
	src: url(../webfonts/Gotham-LightItalic.eot);
	src: url(../webfonts/Gotham-LightItalic.woff2) format("woff2"), url(../webfonts/Gotham-LightItalic.woff) format("woff"), url(../webfonts/Gotham-LightItalic.ttf) format("truetype"), url(../webfonts/Gotham-LightItalic.svg#Gotham-LightItalic) format("svg"), url(../webfonts/Gotham-LightItalic.eot?#iefix) format("embedded-opentype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Gotham-Medium;
	src: url(../webfonts/Gotham-Medium.eot);
	src: url(../webfonts/Gotham-Medium.woff2) format("woff2"), url(../webfonts/Gotham-Medium.woff) format("woff"), url(../webfonts/Gotham-Medium.ttf) format("truetype"), url(../webfonts/Gotham-Medium.svg#Gotham-Medium) format("svg"), url(../webfonts/Gotham-Medium.eot?#iefix) format("embedded-opentype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Gotham-Bold;
	src: url(../webfonts/Gotham-Bold.eot);
	src: url(../webfonts/Gotham-Bold.woff2) format("woff2"), url(../webfonts/Gotham-Bold.woff) format("woff"), url(../webfonts/Gotham-Bold.ttf) format("truetype"), url(../webfonts/Gotham-Bold.svg#Gotham-Bold) format("svg"), url(../webfonts/Gotham-Bold.eot?#iefix) format("embedded-opentype");
	font-weight: 400;
	font-style: normal
}

.h1past,
h1 {
	font-size: 40px;
	
	font-weight: 700;
	margin: 0;
	padding: 0;
	
}

.h2past,
h2 {
	font-size: 30px;
	
	font-weight: 700;
	margin: 0;
	margin-bottom: 35px;
	padding: 0;
	
}

h2.subhead {
	margin-top: 55px
}

h3 {
	font-size: 19px;
	
	font-weight: 400;
	margin: 0;
	margin-bottom: 15px;
	padding: 0
}

p {
	font-weight: 400;
	font-size: 16px;
	margin: 0;
	padding: 0
}

span {
	font-weight: 400;
	font-size: 16px;
	margin: 0;
	padding: 0
}

.megamenu .dropdown-menu.columns-2 {
	min-width: 515px
}

.megamenu .dropdown-menu.columns-2 .irsubnav {
	font-size: 14px;
	font-weight: 400;
	padding-top: 0;
	padding-bottom: 4px;
	text-transform: none;
	line-height: 14px
}