@charset "utf-8";
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:"("attr(href) ")"}abbr[title]:after{content:"("attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
html, body {
	margin: 0!important;
	padding: 0!important;
	width: 100%;
	height: 100%;
}
body {
	background:#f5f5f5 url(../images/bg.jpg) fixed;
	font-size:18px;
	font-family: 'Kanit', sans-serif;
	color:#2e2e2e;
}
a, a:visited, a:link, a:active {
	color:#006588;
	text-decoration:none;
	outline:none
}
a:hover {color: #000; text-decoration:none}
img{border:0;}
ul{list-style:none}
h1, h2, h3, h4, h5, h6, p, ul, li, div{
	display:block;
	padding:0;
	margin:0;
	font-weight:normal
}
.inner{
	position: relative;
	display: block;
	margin:0 auto;
	padding:0;
	width: 1300px;
}
header{
	position: fixed;
	top: -100px;
	left: 0;
	width: 100%;
	display:block;
	width: 100%;
	background:rgba(0,0,0,.6);
	height: 60px;
	z-index: 99999;
	text-align: center;
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}
header.fixed{top: 0}
.logo{
	display: inline-block;
	margin-top: -1px;
	opacity: 0;
}
.logo img{
	width: 45px;
	height: auto;
}
header.fixed .logo{
	opacity: 1;
	margin-top: 7px;
}
nav{
	position:fixed;
	margin: 0;
	padding: 0;
	top: 0;
	left: -410px;
	display:block;
	width: 400px;
	height: 100vh;
	background: #191919
}
nav.active{left: 0;}
nav ul{
	text-align: left;
	margin-top: 100px;
}
nav li{
	position: relative;
	display:block;
	vertical-align:middle;
}
nav li a{
	display:block;
	padding:12px 35px;
	font-size:24px;
	font-weight: 300;
	text-transform: uppercase;
	color:#fff!important;
}
nav li a:hover{background: #000}
.smC{
	margin: 20px;
	border-top: 1px dashed #999;
	padding: 20px 10px;
	text-align: left;
}
.smC span{
	display: block;
	font-size: 24px;
	color: #999;
	margin-bottom: 10px;
}
.smC a{
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	font-size: 36px;
	opacity: .8
}
.smC a:hover{opacity: 1}
.topryt{
	position: absolute;
	top: 10px;
	right: 15px;
}
.reserv{
	display: inline-block;
	vertical-align: top;
	border: 2px solid #fff;
	background: rgba(0,0,0,.3);
	color: #fff;
	padding: 3px 15px;
	font-size: 22px;
	margin-right: 20px;
}
header.fixed .topryt{top: 11px;}
header.fixed .reserv{font-size: 18px;}
.lang{
	position: relative;
	display: inline-block;
	vertical-align: top;
	color: #fff
}
.lang span{
	opacity: .8;
	cursor: pointer;
	font-size: 32px;
	line-height: 30px;
}
header.fixed .lang span{
	font-size: 28px;
	line-height: 26px;
}
.lang span:hover{opacity: 1}
.lang span small{
	display: block;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
}
.lang ul{
	position: absolute;
	top: 55px;
	right: 0;
	display: none;
	background: #333;
}
.lang li{
	font-size: 14px;
	line-height: 14px;
	text-align: left;
	border-bottom: 1px solid #000;
	text-transform: uppercase
}
.lang li a{
	display: block;
	padding:7px 15px;
	color: #fff;
}
.lang li a:hover{background:#222}
.subhdr{
	position: relative;
	width: 100%;
	height: 100%;
	background: url(../images/bg-hdr.jpg) center top no-repeat fixed;
	background-size: cover;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 91%, 0% 100%);
	clip-path: polygon(0 0, 100% 0, 100% 91%, 0% 100%);
	z-index: 999;
	overflow: hidden
}
.vidC, .vidC:before{
	position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
}
.vidC:before{
	background:rgba(0,0,0,.3);
	z-index: 99;
	content: '';
}
.vidC video{
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    min-height: 50%;
    min-width: 50%;
}
.logob{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	margin-top: -301px;
	z-index: 999
}
.section.top50{margin-top: -120px}
.section{
	position: relative;
	font-size: 0;
	z-index: 888;
	overflow: hidden
}
.txtC{
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	width: 43%;
	background: url(../images/bg-logo.png) center center no-repeat;
	height: 625px;
}
.txtC p{
	display: inline-block;
	vertical-align: middle;
	font-size: 30px;
	line-height: 48px;
	width: 80%
}
.section.top50 .txtC p{margin-top: 100px}
.section.top50 .txtC{background-position:center top 150px}
.txtC:before, .dehdr:before{
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 100%;
	content: '';
}
.rytpic, .lftpic{
	position: relative;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	width: 57%;
	height: 625px;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 19% 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 19% 100%);
}
.lftpic{
	float: left;
	-webkit-clip-path: polygon(0 0, 100% 0, 81% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 81% 100%, 0 100%);
}
.rytpic a, .lftpic a{
	position: absolute;
	display: block;
	width: 300px;
	border: 2px solid #fff;
	background: rgba(0,0,0,.8);
	font-size: 30px;
	color: #fff;
	padding: 10px;
	top: 50%;
	left: 50%;
	margin: -33px 0 0 -100px;
	opacity: 0;
	z-index: 888
}
.rytpic a:hover, .lftpic a:hover{
	background: rgba(255,255,255,.85);
	color: #000
}
.lftpic a{margin-left: -200px}
.rytpic:before, .lftpic:before{
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	left: 0;
	top: 0;
	z-index: 777;
	background:rgba(0,0,0,.75);
	opacity: 0;
}
.section:hover .rytpic a, .section:hover .lftpic a, .section:hover .rytpic:before, .section:hover .lftpic:before{opacity: 1}
.bgone{background: url(../images/bg-lvl1.jpg) center top no-repeat;background-size:cover;}
.bgtwo{background: url(../images/bg-lvl2.jpg) center top no-repeat;background-size: cover;}
.bgthree{background: url(../images/bg-lvl3.jpg) center top no-repeat;background-size: cover;}
.bgfour{background: url(../images/bg-lvl4.jpg) center top no-repeat;background-size: cover;}
.bgfive{background: url(../images/bg-lvl5.jpg) center top no-repeat;background-size: cover;}
.bgsix{background: url(../images/bg-lvl6.jpg) center top no-repeat;background-size: cover;}
.bgsvn{background: url(../images/bg-lvl7.jpg) center top no-repeat;background-size: cover;}
.bgeight{background: url(../images/bg-lvl8.jpg) center top no-repeat;background-size:cover;}
.bgnine{background: url(../images/bg-lvl9.jpg) center top no-repeat;background-size: cover;}
.bgten{background: url(../images/bg-lvl10.jpg) center top no-repeat;background-size:cover;}
.dehdr{
	position: relative;
	background: url(../images/temp-hdr-bg.jpg) center center no-repeat;
	background-size: cover;
	height: 300px;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 91%, 0% 100%);
	clip-path: polygon(0 0, 100% 0, 100% 91%, 0% 100%);
	text-align: center;
	z-index: 99;
}
.dehdr:after{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	z-index: 1;
	content: '';
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}
.dehdr h2{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 100px;
	color: #fff;
	z-index: 88;
	text-shadow: 3px 3px 0 rgba(0,0,0,.3);
}
.mainC{
	position: relative;
	padding: 80px 0 50px;
	background: url(../images/temp-main-bg.jpg) center top no-repeat fixed;
	background-size: cover;
	margin-top: -50px;
	z-index: 88
}
.mainC.btmp{padding-bottom: 0}
.mainC:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.8);
	content: '';
	-webkit-backdrop-filter: saturate(180%) blur(10px);
	backdrop-filter: saturate(180%) blur(10px);
}
.mainC p{
	margin: 20px 0;
	font-size: 24px;
	line-height: 40px;
	text-shadow: 2px 2px 0 rgba(255,255,255,.6)
}
.mainC h3{
	font-size: 36px;
	margin: 20px 0;
	text-align: center
}
ul.mlist{
	margin: 20px;
}
.mlist li{
	position: relative;
	font-size: 20px;
	padding: 7px 0 7px 20px;
}
.mlist li:before{
	position: absolute;
	top: 7px;
	left: 0;
	content:"\f0da";
	font-family:'FontAwesome'
}
.menu1, .menu2{
	position: relative;
	width: 100%;
	text-align: center;
	font-size: 160px;
	background: url(../images//menu1.jpg) center bottom no-repeat;
	background-size: 100%;
	margin:50px 0
}
.menu2{background: url(../images//menu2.jpg) center bottom no-repeat;background-size: 100%;}
.menu1 a, .menu2 a{
	display: block;
	padding: 100px 0;
	color: #000;
	opacity: .5
}
.menu1 a:hover, .menu2 a:hover{
	opacity: 1;
	background: rgba(255,255,255,.5);
	-webkit-backdrop-filter: saturate(180%) blur(10px);
	backdrop-filter: saturate(180%) blur(10px);
}	
ul.galleryC{
	position: relative;
	font-size: 0;
}
.galleryC li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 25%;
}
.galleryC li a, .menu-card li a{
	position: relative;
	display: inline-block;
}
.galleryC li a:before, .menu-card li a:before{
	position: absolute;
	display: inline-block;
	width: 100px;
	height: 100px;
	content:"\f00e";
	text-align: center;
	top:50%;
	left: 50%;
	margin: -73px 0 0 -50px;
	font-size: 100px;
	z-index: 9999;
	font-family:'FontAwesome';
	color: #fff;
	opacity: 0;
}
.galleryC li a:after{
	position: absolute;
	background: rgba(0,0,0,.5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	content: '';
	opacity: 0;
}
.galleryC li a:hover:before{opacity: .7;}
.galleryC li a:hover:after{
	opacity: 1;
	-webkit-backdrop-filter: saturate(180%) blur(10px);
	backdrop-filter: saturate(180%) blur(10px);
}
ul.menu-card{
	margin: 30px 0;
	font-size: 0;
}
.menu-card li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 33.333%;
	padding: 10px;
}
.menu-card li a:hover:before{opacity: .8}
.menu-card li a img{z-index: 8}
	
	
img.align-left{
	float: left;
	margin: 0 20px 20px 0;
}
img.align-right{
	float: right;
	margin: 0 0 20px 20px;
}
.hforsale li img, .apBox img, ul.photoG li img, .lgmapD span img, .lotguideH span img, #depreload img, .galleryC li img, .menu-card li img{
	width: 100%;
	height: auto;
}
a, nav, header, .reserv, .logo, .rytpic a, .lftpic a, .rytpic:before, .lftpic:before, .hamburger, .lang span, .galleryC li a:before, .galleryC li a:after, .menu-card li a:before {
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.cimg, img.avatar{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

footer{
	display: inline-block;
	width: 100%;
	background: #000 url(../images/bg-ftr.jpg) center center no-repeat;
	background-size: cover;
	text-align: center;
	color: #fff;
	padding: 10px 0;
}
.openhr, .reservftr, .aboutftr{
	display: inline-block;
	vertical-align: top;
	width: 20%;
	text-align: left;
	padding: 20px;
	margin: 0 2%;
}
.reservftr{width: 27%;}
.aboutftr{width: 35%;}
footer h3{
	font-size: 44px;
	margin-bottom: 10px;
}
footer h4{
	font-size: 24px;
	margin-bottom: 10px;
}
footer p{
	font-size: 18px;
	line-height: 30px;
}

|:-moz-any-link:focus {outline: none;}
input[type="image"]:focus {outline: none;}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border: none;}
abbr[title], acronym[title] {border-bottom: none;}
*:focus {outline : none;}

.hamburger {
	position: absolute;
	left: 20px;
	top: 17px;
	display:inline-block;
	cursor:pointer;
	transition-property:opacity,filter;
	transition-duration:.15s;
	transition-timing-function:linear;
	overflow:visible;
	opacity:.7;
	z-index: 99999
}
header.fixed .hamburger {
	left: 15px;
	top: 18px;
}
.hamburger:hover {opacity:1;}
.hamburger-box {
	width:40px;
	height:24px;
	display:inline-block;
	position:relative;
}
.hamburger-inner {
	display:block;
	top:50%;
	margin-top:-2px;
}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after {
	width:40px;
	height:4px;
	background-color:#fff;
	border-radius:4px;
	position:absolute;
	transition-property:transform;
	transition-duration:.15s;
	transition-timing-function:ease;
}
.hamburger-inner::before,.hamburger-inner::after {
	content:"";
	display:block;
}
.hamburger-inner::before {top:-12px;}
.hamburger-inner::after {bottom:-12px;}
.hamburger--3dxy .hamburger-box {perspective:80px;}
.hamburger--3dxy .hamburger-inner {transition:transform .15s cubic-bezier(0.645,0.045,0.355,1),background-color 0 .1s cubic-bezier(0.645,0.045,0.355,1);}
.hamburger--3dxy .hamburger-inner::before,.hamburger--3dxy .hamburger-inner::after {transition:transform 0 .1s cubic-bezier(0.645,0.045,0.355,1);}
.hamburger--3dxy.is-active .hamburger-inner {background-color:transparent;transform:rotateX(180deg) rotateY(180deg);}
.hamburger--3dxy.is-active .hamburger-inner::before {transform:translate3d(0,12px,0) rotate(45deg);}
.hamburger--3dxy.is-active .hamburger-inner::after {transform:translate3d(0,-12px,0) rotate(-45deg);}

#depreload {
	width: 100%;
	height: 100%;
    background-size: cover;
    background-color:#000;
    position: fixed;
    text-align: center;
    z-index: 99999999;
}
.wrapper{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -260px 0 0 -260px;
}
#depreload .circle {
	width: 520px;
	height: 520px;
	border: 1px solid rgba(255,255,255,.5);
	border-radius: 50%;
	box-shadow: 0 0 1px 0px rgb(255,255,255);
	margin: 0 auto;
	position:relative;
}

#depreload .line {
	margin: -20px;
	opacity: 0;
	width: 560px;
	height: 560px;
}

#depreload .perc {
	color: #fff;
	font-size: 4.3em;
	text-transform: uppercase;
	margin-top: 30px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	letter-spacing: 1px;
}

#depreload .loading {
	color: #fff;
	font-size: 0.8em;
	text-transform: uppercase;
	margin-top: 110px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	letter-spacing: 1px;
}

#depreload .perc, #depreload .loading {
	position: absolute;
	width: 100%;
}

#depreload img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 300px;
	margin-left: -150px;
	margin-top: -155px;
	opacity: 0;
}
.fancybox-container{z-index: 999999;}
#map {
width: 100%;
height: 575px;
position: relative;
}