@charset "UTF-8";
/* CSS Document */

.map{
	margin:0 auto;
	}

.full-height{
	height:100%;
	}

.width-limited{
	width:100%;
	max-width:800px;
	}
	
.image-scale{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	}	

.backtopage{
	margin-top:50px;
	}

.liststyle{
	list-style:circle; 
	margin-left:20px;
	}


.logo-font{
	padding:8px 0 0 0;
	}
	
.logo-font span{
	font-family: 'century_gothicregular';
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	letter-spacing:1px;
	}
	
ul{
	list-style:none;
	padding:0;
	margin:0;
	}
	
ol{
	padding:0;
	margin:0 0 0 20px;
	}

.bullet{
	list-style:disc;
	padding-left:20px;
	}
	
.back-button{
	padding:18px 0 0 0;
	margin-right:10px;
	float:left;
	width:25px;
	}
	
.logo{
	padding:18px 0 0 0;
	}

/* navigation bar */

#menu{
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	float: right;
	font-family: Microsoft YaHei,SimHei,Verdana;	
	}
	
	
#menu li {
	position: relative;
	/* 1 */
	float: left;
	/*display:inline-block;
	margin: 10px;
	color: #000;
	background:#fff;
	background: rgba(255,255,255, 0.5);
	-webkit-border-radius: 10px; 
            border-radius: 10px;*/
}
#menu li.active{
	/*background:#666;
	background: rgba(0,0,0, 0.5);
	color: #fff;*/
}
#menu li a{
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	/* 1 */
	height: 40px;
	padding: 0 12px;
/*	line-height: 40px;
*/	/* 2 */
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	/*text-decoration:none;
	color: #000;*/
}
#menu li.active a:hover{
	cursor:pointer;
	background-color: none;
	color: #44ac8f;
	border-bottom:4px solid #44ac8f;
	outline: none;/* 3 */
	/*color: #000;*/
}
#menu li:hover{
	/*background: rgba(255,255,255, 0.8);*/
}

#menu li.active a{
	background-color: none;
	color: #44ac8f;
	border-bottom:4px solid #44ac8f;
	/*color: #44ac8f;
	border-bottom:4px solid #44ac8f;
	padding: 9px 18px;
	display:block;*/
}

/*#menu{
	position:fixed;
	top:0;
	left:0;
	height: 40px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:0;
}*/


.background-off{
	background:none;
	}


/* SLIDE 00 - Home */
    

	
/* SLIDE 01 - Intro */
.next-slide{
	background:url(../images/global/ui_next_green.png) left top no-repeat;
	padding:0 0 0 30px;
	}
	
.image-overview{
	background:url(../images/projects/menara-hapseng/introduction/image-01.jpg) center center no-repeat; 
	width:100%;
	height:100%;
	-webkit-background-size: cover;  
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	}
	

.image-overview-hapseng2{
	background:url(../images/projects/menara-hapseng-2/introduction/image-01.jpg) center center no-repeat; 
	width:100%;
	height:100%;
	-webkit-background-size: cover;  
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	}
	
.image-overview-citibank{
	background:url(../images/projects/menara-citibank/introduction/image-01.jpg) center center no-repeat; 
	width:100%;
	height:100%;
	-webkit-background-size: cover;  
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	}

.image-facilities-01{background:url(../images/projects/menara-hapseng/facilities/image-01.jpg) center center no-repeat; }
.image-facilities-02{background:url(../images/projects/menara-hapseng/facilities/image-02.jpg) center center no-repeat; }
.image-facilities-03{background:url(../images/projects/menara-hapseng/facilities/image-03.jpg) center center no-repeat; }

.image-overview-plaza-shell{
	background:url(../images/projects/plaza-shell/introduction/image-01.jpg) center center no-repeat; 
	width:100%;
	height:100%;
	-webkit-background-size: cover;  
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	}

.image-facilities-plaza-shell{
	background:url(../images/projects/plaza-shell/facilities/image-01.jpg) center center no-repeat; 
	width:100%;
	height:100%;
	-webkit-background-size: cover;  
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	}

.image-plaza-shell-leasing{
	background:url(../images/projects/plaza-shell/leasing/image-01.jpg) center center no-repeat; 
	width:100%;
	height:100%;
	-webkit-background-size: cover;  
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	}

.image-tenants-01{background:url(../images/projects/menara-hapseng/tenants/image-01.jpg) center center no-repeat; }
.image-tenants-02{background:url(../images/projects/menara-hapseng/tenants/image-02.jpg) center center no-repeat; }
.image-tenants-03{background:url(../images/projects/menara-hapseng/tenants/image-03.jpg) center center no-repeat; }

	
.image-facilites-hapseng2{
	background:url(../images/projects/menara-hapseng-2/facilities/image-01.jpg) center center no-repeat; 
	width:100%;
	height:100%;
	-webkit-background-size: cover;  
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	}
	
.image-location-container{
	height: 100%; 
	display:table; 
	background-color:#fff;
	}
	
.image-location-wrap{
	max-width:650px; 
	width: 100%; 
	height: auto; 
	margin:auto;
	}
	
.image-location{
	position: relative; 
	height: 0px; 
	padding-bottom:69.23%;
	}
	
.image-plaza-shell-location{
	position: relative; 
	height: 0px; 
	padding-bottom:92%;
	}
	
.image-tenant{
	background:url(../images/projects/menara-hapseng/tenant/image-01.jpg) center center no-repeat; 
	width:100%;
	height:100%;
	-webkit-background-size: cover;  
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	}

.image-leasing{
	background:url(../images/projects/menara-citibank/leasing/image-01.jpg) center center no-repeat; 
	width:100%;
	height:100%;
	-webkit-background-size: cover;  
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	}
	
.image-development{background:url(../images/projects/background.jpg) center center no-repeat;}
	


/* SLIDE 02 - Uniqueness */
.section2-bg{
	background:url(../images/global/background-white.jpg) center center repeat fixed; 
	width:100%;
	height:100%;
	-webkit-background-size: cover;  
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	}

/* SLIDE 03 - Floor Plan */

.section3-bg{
	background:url(../images/projects/background.jpg) center center no-repeat fixed; 
	width:100%; 
	height:100%; 
	-webkit-background-size: cover;  
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	}

/* floor plan zoom */

.align-middle-wrap{
	display:table;
	}
	
.align-middle{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	}


.middle-block {
	text-align: center;
	}
	 
.middle-block:before {
	content: '';
	display: inline-block;
	height: 100%; 
	vertical-align: middle;
	margin-right: -0.25em; /* Adjusts for spacing */
		
	/* For visualization 
	background: #808080; width: 5px;
	*/
	}
	


	

/* SLIDE 04 - Location */
.bg-white{
	background-color:#ffffff;
	}

/* SLIDE 05 - Gallery */

.section5-fh{
	height:100%;
	}

.prevButton {
	position: absolute;
	top: 50%;
	left: 50px;
	width: 27px;
	height: 62px;
	background-image: url(../images/global/prev.png);
	z-index: 999;
}
			
.nextButton {
	position: absolute;
	top: 50%;
	right: 50px;
	width: 27px;
	height: 62px;
	background-image: url(../images/global/next.png);
	z-index: 999;
}


@media (max-width : 480px){
.prevButton {
	left: 20px;
	}
				
.nextButton {
	right: 20px;
	
	}
}


.image-gallery-01{background:url(../images/projects/menara-hapseng/gallery/image-01.jpg) center center no-repeat;}
.image-gallery-02{background:url(../images/projects/menara-hapseng/gallery/image-02.jpg) center center no-repeat;}
.image-gallery-03{background:url(../images/projects/menara-hapseng/gallery/image-03.jpg) center center no-repeat;}
.image-gallery-04{background:url(../images/projects/menara-hapseng/gallery/image-04.jpg) center center no-repeat;}
.image-gallery-05{background:url(../images/projects/menara-hapseng/gallery/image-05.jpg) center center no-repeat;}
.image-gallery-06{background:url(../images/projects/menara-hapseng/gallery/image-06.jpg) center center no-repeat;}

.image-plaza-shell-gallery-01{background:url(../images/projects/plaza-shell/gallery/image-01.jpg) center center no-repeat;}
.image-plaza-shell-gallery-02{background:url(../images/projects/plaza-shell/gallery/image-02.jpg) center center no-repeat;}
.image-plaza-shell-gallery-03{background:url(../images/projects/plaza-shell/gallery/image-03.jpg) center center no-repeat;}
.image-plaza-shell-gallery-04{background:url(../images/projects/plaza-shell/gallery/image-04.jpg) center center no-repeat;}

/* SLIDE 06 - CONTACT */

.address-title{
 	width:80px;
	margin:0;
	float:left;
 	}

.address-divider{
 	width:15px;
	float:left;
	margin:0;
	color:#999999;
 	}
	
.address-content{
	float:left;
 	min-width:165px;
	margin:0;
	}

.address-content a{
 	color:#46ae90;
	}

.address-container{
	width:100%;
	margin-bottom:20px;
	display:inline-table;
	}
	
.address-row{
	display:block;
	}
	
.address-col{
	display:inline-block;
	text-align:left;
	vertical-align:top;
	}	
	
.address-col strong{
	color:#333333;
	text-transform:capitalize;
	}

.address-h1 {
	color: #44ac8f;
	font-size: 15px;
	font-weight: bold;
	display: block;
}

/*suzanne */

.hi {
	display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url(../images/projects/menara-citibank/introduction/image-01.jpg);
	background-position: 50% 0%;
	
	-webkit-background-size: cover;
  	   -moz-background-size: cover;
  	     -o-background-size: cover;
  	        background-size: cover;
}

.hi.animate {
	display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url(../images/projects/menara-citibank/introduction/image-01.jpg);
	background-position: 50% 100%;
	
	-webkit-background-size: cover;
  	   -moz-background-size: cover;
  	     -o-background-size: cover;
  	        background-size: cover;
    
    -webkit-animation: play 30s ease-out 0s alternate;
       -moz-animation: play 30s ease-out 0s alternate;
        -ms-animation: play 30s ease-out 0s alternate;
         -o-animation: play 30s ease-out 0s alternate;
            animation: play 30s ease-out 0s alternate;
			
	animation-timing-function:ease-in-out;
}

@-webkit-keyframes play {
	0%   {background-position: 50% 0%;}
	50%  {background-position: 50% 100%;}
	90% {background-position: 50% 100%;}
	100% {background-position: 50% 100%;}
}

@-moz-keyframes play {
   0%   {background-position: 50% 0%;}
	50%  {background-position: 50% 100%;}
	90% {background-position: 50% 100%;}
	100% {background-position: 50% 100%;}
}

@-ms-keyframes play {
  0%   {background-position: 50% 0%;}
	50%  {background-position: 50% 100%;}
	90% {background-position: 50% 100%;}
	100% {background-position: 50% 100%;}
}

@-o-keyframes play {
   0%   {background-position: 50% 0%;}
	50%  {background-position: 50% 100%;}
	90% {background-position: 50% 100%;}
	100% {background-position: 50% 100%;}
}

@keyframes play {
   0%   {background-position: 50% 0%;}
	50%  {background-position: 50% 100%;}
	90% {background-position: 50% 100%;}
	100% {background-position: 50% 100%;}
}


@media (min-width: 1024px) {
.full-height-s{
	height:100%; 
}
}


@media (min-width: 769px) {
.section-fh{
	height:100%; 
}
}