/*
Theme Name: Paviliabay
Author: Altitude Labs
Description: Pavilia Bay template converted to WordPress
Version: 0.0.1
Tags: Paviliabay
*/

html,body,section,div {
	font-family: LibreFranklin-Medium;
}
#hero-section .title-container .title-chi-text,
.chinese {
font-family: LibreFranklin-Medium, chiTraditional, chiSimplified !important, sans-serif;
}
/*#hero-section {
background-image:url(images/coverimage.jpg);
background-size:cover;
}*/
/*
#hero-section .title-container {
position:absolute;
top:50%;
left:50%;
margin-top:-136px;
margin-left:-252px;
width:450px;
height:252px;
}*/
/*
.coverlogo {
background-image:url(images/logo_cover1.png);
background-size:100% 100%;
width:450px;
height:170px;
}
*/
body.modal-open {
	padding-right:0!important;
}
.hero-claim {
		padding-right:0!important;
		top:35px;
}
#hero-section .title-container {
top:35%;
text-align:center;
width:408px;
}
#hero-section .title-container .transparent-button {
margin-top:20px;
clear:both;
}

#hero-section .title-container .title-eng-text {
	/*font-size:36px;
	letter-spacing:6px;
	color:#000;*/
	width:408px;
	height:30px;
	background-image: url(images/cover_name_eng.png);
	background-size:100% 100%;
	text-align:left;
	text-indent:-99999px;
	background-position:center;
	display:block;
		margin-left:auto;
	margin-right:auto;

}

#hero-section .title-container .title-chi-text {
/*	font-size:32px;
	letter-spacing:8px;
	font-weight:bold;
	left:-50%;
	color:#000;*/
	
		width:110px;
	height:30px;
	background-image: url(images/cover_name_chi.png);
	background-size:100% 100%;
	text-align:left;
	text-indent:-99999px;
	background-position:center;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	left:-50%;
}
#hero-section .title-container .transparent-button .title-white-box-text {
font-size:16px;
}

#hero-section .title-container .transparent-button .right, #hero-section .title-container .transparent-button .left {
width:2px;
}

#hero-section .title-container .transparent-button .top, #hero-section .title-container .transparent-button .bottom {
height:2px;
}
html {
padding-left:0;
}
#left-scroll {
display:none;
}
/*
#nav-menu {
top:0;
left:0;
background:#fff;
height:40px;
}
*/

.hero-logo {
	/*top:11px;
left:20px;
height:10px;
background-image:url(images/logo_header.png);
background-size:100% 100%;
width:428px;
height:18px;
padding:0;*/
top:20px;
left:20px;
}
.animation-element.slide-left,
.animation-element.slide-right {
background : #232f49;
}
#line-two,
#line-four {
	height:2px;
}
/*
.animation-element.slide-left.activate {
display:none;
}*/
.disclaimer,
.gallery-disclaimer,
#portfolio-section .general-disclaimer,
#portfolio-section .image-disclaimer,
.gallery-disclaimer,
.map-disclaimer {
line-height:1;
}


.map-disclaimer {
    color: white;
    background-color: #232f49;
    padding: 8px 16px;
    font-size: 10px;
    letter-spacing: 0.025em;
	clear:both;
}
/*
.animation-element.slide-right {
visibility:hidden;
}

#nav-menu #nav-menu-image {
top:11px;
right:20px;
width:20px;
height:18px;
background-image:url(images/nav_icon.png);
background-size:100% 100%;
}*/
#hero-section {
/*min-height:100vh;*/
}
#nav-menu {
	height:auto;
}
#nav-menu #nav-menu-image {
	top:20px;
	right:20px;
	padding:0;
	width:24px;
	height:24px;
}
#nav-menu #nav-line-one,
#nav-menu #nav-line-two,
#nav-menu #nav-line-three {
	width:24px!important;
	left:0!important;
}
.hero-logo #line-three,
.hero-logo #line-four {
	width:110px;
}
.hero-logo  {
	width:550px;
}

#sitename {
	position:fixed;
	color:#232f49;
	top:20px;
	left:150px;
	line-height:1;
	z-index:150;
	background-image:url(images/logo_header2.png);
	background-size:100% 100%;
	width:360px;
	height:20px;
}


#hero-section .title-container {
	color:#fff;
}

.animation-element.fade.activate {
	opacity:1;
}
#hero-section #hero-body-text {
font-size:16px;
line-height:1.45;
margin-top:60px;
}
.chinese #hero-section #hero-body-text {
font-size:18px;
line-height:1.8;
margin-top:60px;
}

#hero-section #cover-image {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
height:auto;
}

#hero-section .disclaimer,
#designerprofile-section .disclaimer {
position:absolute;
bottom:10px;
left:20px;
right:120px;
font-size: 10px;
letter-spacing: 0.025em;
color:#fff;
}
#clubhouse-section .clubhouse-image-container,
#clubhouse-section .full-section-view {
	position:relative;
}
#clubhouse-section .clubhouse-image-container a,
#clubhouse-section .full-section-view a {
	position:absolute;
	top:0;
bottom:0;
	left:0;
	right:0;

}

.gallery-imagename {
display:none!important;
}

#clubhouse-section ul li a span {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

#designer-video {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.8);
	z-index:999;
	display:none;
	transition: linear 1s;
}

#designer-video-play {
	position:absolute;
	top:50%;
	left:50%;
	width:90%;
		-webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
#designer-video-close {
	position:absolute;
	right:20px;
	top:20px;
	width:20px;
	height:20px;
	display:block;
	background-size:100% 100%;
	cursor:pointer;
}
#designerprofile-section .disclaimer {
bottom:64px;
right:50px;
left:440px
}
#portfolio-section  .bx-wrapper {
touch-action:inherit;
}

#portfolio-section .portfolio-image-container {
height: 540px !important;

overflow-y: hidden;
}

#portfolio-section .general-disclaimer {
opacity:1;
position:relative; bottom:auto;
background:#9e9da2;
z-index:1!important;
}

#map-section .map-container {
overflow:hidden;
}
  #nav-menu .sound-off {
    background-image: url("images/navmenubuttons_off.png"); }
  #nav-menu .sound-on {
    background-image: url("images/navmenubuttons_on.png"); }
#hero-section .video-container {
position:relative;
}
.video-container.playVideo {
	height:auto!important;

}
#hero-section video {
	width:100%;
	min-height:0;	-webkit-transform: translateX(0%) translateY(0%);
    -moz-transform: translateX(0%) translateY(0%);
    -ms-transform: translateX(0%) translateY(0%);
    -o-transform: translateX(0%) translateY(0%);
    transform: translateX(0%) translateY(0%);
	top:0;
	left:0;
}
#portfolio-section table td div:first-child,
#portfolio-section table td div div:first-child {
width:100vw!important;
height:80vh!important;
}

#portfolio-section table td div div a,
#portfolio-section table td div div a img {
padding:0!important;
display:inline-block;
}

#nav-menu #nav-menu-content {
right:0;
padding-top:20px;
}
#portfolio-section .image-disclaimer {
font-size:10px;
}

#nav-menu #nav-cross {
top:11px;
right:20px;
width:18px;
height:18px;
background-image:url(images/close_icon.png)!important;
background-size:100% 100%;
cursor:pointer;
}
#hero-section .hero-footer {
height:auto;
z-index:99;
}
#hero-section .hero-footer .register-link-text {
top:auto;
color:#000;
margin-left:20px;
line-height:40px;
text-decoration:none;
font-size:16px;
}

#panorama-section #cross {
top:20px;
right:20px;
width:18px;
height:18px;
background-image:url(images/close_icon.png)!important;
background-size:100% 100%;
cursor:pointer;
padding:0;
}

#clubhouse-section {
opacity:0.7;
}

#companyinfo-section .companyinfo-body-container {
margin-bottom:40px;
}
.allright {margin-bottom:40px;
color:#232f49;
font-family:LibreFranklin-Medium,chiTraditional,chiSimplified;
font-size:13px;
}

#register-section .section-container .register-button p {
color:#fff;
padding-left:10px;
padding-right:10px;
}

.wheelbutton-container .next-prev-wheelbutton, .wheelbutton-container .back-top-wheelbutton {
width:80px;
height:80px;
}

#designerprofile-section .designer-description-text .quote {
font-size:110%;
}


#clubhouse-section .clubhouse-image-container.Façade,
#clubhouse-section .clubhouse-image-container.大樓外貌,
#clubhouse-section .clubhouse-image-container.大楼外貌 {
background-size:cover;
background-position:bottom;

}

#portfolio-section .portfolio-image {
width:auto!important;
}

#portfolio-section .bx-wrapper img,
#portfolio-section .bx-wrapper .bx-viewport{
height:540px!important;
}
#map-section .map-info-text .content  {
	font-size:14px;
}
#map-section .map-info-text .content .remark {
	font-size:10px;
}

#designerprofile-section .yacht {
padding-bottom:0;
height:666px;
position:relative;
}
.wheelbutton-container.scroll-top {
right:0;
bottom:0;
}

#pano-disclaimer-inside {
	display:none;
}
#panorama-section .title-center {
	display:block;
}
#panorama-section.active .panorama-content .title-center {
	display:none;
}
.outsideonly {
padding-bottom:1rem;
display:block;
}
div.tos-caption .outsideonly {
display:none;}
#map {
	display:none;
}

.map-container  {
	background-size:cover;
	background-position:center;
	position:relative;
}

.map-compass {
	width:40px;
	height:60px;
	background-size:100%;
	background-repeat:no-repeat;
	position:absolute;
	left:10px;
	bottom:10px;
}

#map-section a,#map-section a:hover {
color:#fff;
}


.map-container
/*.map-container:hover  {
	background-size:110%;
	-webkit-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
}*/


@media (max-width:1000px) {
.map-container {
	background-position:-100px;
}
}
@media (min-width:1200px) {
	#clubhouse-section .clubhouse-image-container.Façade,
#clubhouse-section .clubhouse-image-container.大樓外貌,
#clubhouse-section .clubhouse-image-container.大楼外貌 {
background-size:cover;

}
}
@media (max-width:720px) {
#hero-section #hero-body-text {
margin-top:60px;
}
#portfolio-section .portfolio-image-container{
height:540px!important;
}

.wheelbutton-container.scroll-top {
bottom:100px;
}
#hero-section #hero-body-text {
font-size:13px;
}
.chinese #hero-section #hero-body-text {
font-size:15px;
}

#companyinfo-section .disclaimer {
padding-bottom:40px;
}
#designerprofile-section .disclaimer {
bottom:20px;
right:20px;
left:260px
}
#designerprofile-section .yacht {
height:400px;
}

.wheelbutton-container.scroll-top {
right:100px;
bottom:0;
}

.map-container {
	background-position:inherit;
}
}
@media (max-width:640px) {
	/*
#hero-section .title-container{
width:300px;
height:194px;
margin-left:-150px;
}
.coverlogo {
width:300px;
height:114px;
}*/
}
@media (max-width:600px) {
#sitename {
	opacity:0;
}
}
@media (max-width:520px) {
	/*
.hero-logo {
top:11px;
left:20px;
height:10px;
background-image:url(images/logo_header.png);
background-size:auto 100%;
width:90px;
height:18px;
}
*/


#designerprofile-section .profile-blue-box{
margin-top:-20px;
}

#designerprofile-section .disclaimer {
bottom:40px;
right:20px;
left:20px
}
}

@media (max-width:480px) {
	#hero-section .title-container {
		width:95%;
		min-width:280px;
	}
	#hero-section .title-container .title-eng-text {
	font-size:24px;
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
}

#hero-section .title-container .title-chi-text {
	font-size:22px;
}
}