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


/* section 2 */

.section2-right-wrapper{
	max-width: 700px; 
	width: 100%; 
	height: auto; 
	margin:auto;
	}	

.section2-right{	
	position: relative; 
	height: 0px; 
	padding-bottom:57.14%;
}

.section2-right .hotspot1{
	position: absolute; 
	z-index: 999; 
	width: 8%; 
	height:8%; 
	top: 83%; 
	left: 66%; 
	cursor:pointer;
	}
	
.section2-right .hotspot2{
	position: absolute; 
	z-index: 999; 
	width: 8%; 
	height:8%; 
	top: 65%; 
	left: 54%; 
	cursor:pointer;
	}
	
.section2-right .hotspot3{
	position: absolute; 
	z-index: 999; 
	width: 8%; 
	height:8%; 
	top: 12%; 
	left: 54%; 
	cursor:pointer;
	}
	
/* section 3*/

.section3-middle-wrapper{
	 width:279px;
	 height:auto; 
	 margin: 0 auto; 
	 }
	 
.section3-middle{
	position: relative; 
	height:0; 
	padding-bottom:74%;
	} 
	
.section3-middle .hotspot1{
	position: absolute; 
	z-index: 999; 
	width: 8%; 
	height:8%; 
	top: 82%; 
	left: 20%; 
	cursor:pointer;
	}
	
.section3-middle .hotspot2{
	position: absolute; 
	z-index: 999; 
	width: 8%; 
	height:8%; 
	top: 46%; 
	left: 90%; 
	cursor:pointer;
	}
	
.section3-middle .hotspot3{
	position: absolute; 
	z-index: 999; 
	width: 8%; 
	height:8%; 
	top: 40%; 
	left: 0%; 
	cursor:pointer;
	}
	
.section3-middle .hotspot4{
	position: absolute; 
	z-index: 999; 
	width: 8%; 
	height:8%; 
	top:2%; 
	left: 33%; 
	cursor:pointer;
	}	
	
.maphighlight-wrapper{
	margin: 0 auto; 
	width:250px;
	height:420px;
	}
	
	
.iosSlider-type-a{
	width: 100%;
	height: 100%;
}
.iosSlider-type-a .slider{
	width: 100%;
	height: 100%;
}
.iosSlider-type-a .slider .item{
	width: 100%;
	height: 100%;
}
.iosSlider-type-a .slider .item .inner{
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	height: 100%;
	width: 100%;
}

.slideSelectors-type-a{
	position: relative;
	bottom: 85px;
	width: 100%;
	margin: 0 auto;
	z-index: 10;
	height: 10px;
	text-align:center;
}
.slideSelectors-type-a .item{
	display: inline-block;
	width: 40px;
	height: 6px;
	background: #ffffff;
	margin: 0 3px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.slideSelectors-type-a .selected{
	background: #ffffff;
	opacity: 1;
	filter: alpha(opacity=100);
}


/* section 3 */


.introduction-image{
	background:url(../images/projects/tropika/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;
	}
	
	
	
/* section 4 */

.section4-map-wrapper{
	max-width:650px; 
	width: 100%; 
	height: auto; 
	margin:auto;"
}

.section4-map{
	position: relative; 
	height: 0px; 
	padding-bottom:87.69%;
}


.location-image{
	background:url(../images/projects/horizon/location/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;
	}


/* section 5 */

.image-gallery-01{background:url(../images/projects/horizon/gallery/image-01.jpg) center center no-repeat;}
.image-gallery-02{background:url(../images/projects/horizon/gallery/image-02.jpg) center center no-repeat;}
.image-gallery-03{background:url(../images/projects/horizon/gallery/image-03.jpg) center center no-repeat;}
.image-gallery-04{background:url(../images/projects/horizon/gallery/image-04.jpg) center center no-repeat;}
.image-gallery-05{background:url(../images/projects/horizon/gallery/image-05.jpg) center center no-repeat;}
.image-gallery-06{background:url(../images/projects/horizon/gallery/image-06.jpg) center center no-repeat;}
.image-gallery-07{background:url(../images/projects/horizon/gallery/image-07.jpg) center center no-repeat;}
.image-gallery-08{background:url(../images/projects/horizon/gallery/image-08.jpg) center center no-repeat;}
.image-gallery-09{background:url(../images/projects/horizon/gallery/image-09.jpg) center center no-repeat;}
.image-gallery-10{background:url(../images/projects/horizon/gallery/image-10.jpg) center center no-repeat;}
.image-gallery-11{background:url(../images/projects/horizon/gallery/image-11.jpg) center center no-repeat;}
.image-gallery-12{background:url(../images/projects/horizon/gallery/image-12.jpg) center center no-repeat;}
.image-gallery-13{background:url(../images/projects/horizon/gallery/image-13.jpg) center center no-repeat;}
.image-gallery-14{background:url(../images/projects/horizon/gallery/image-14.jpg) center center no-repeat;}
.image-gallery-15{background:url(../images/projects/horizon/gallery/image-15.jpg) center center no-repeat;}
.image-gallery-16{background:url(../images/projects/horizon/gallery/image-16.jpg) center center no-repeat;}
.image-gallery-17{background:url(../images/projects/horizon/gallery/image-17.jpg) center center no-repeat;}
.image-gallery-18{background:url(../images/projects/horizon/gallery/image-18.jpg) center center no-repeat;}


/* section 6 */


.contact-image{
	background:url(../images/projects/business-park/contact-us/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;
	}
	
/* section 7 */
	

.download-image{
	background:url(../images/projects/horizon/download/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;
	}