html{font-size:16px}.th{font-family:'Kanit',sans-serif}.en{font-family:"brandon-grotesque"}.upper{text-transform:uppercase}h1,h3,h4,h5{font-weight:200}h1{font-size:3.125rem}h2{font-size:3rem;font-weight:300}h3{font-size:2.5rem}h4{font-size:2rem}h5{font-size:1.5rem}.pc-show{display:block}.pc-hidden{display:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.bg-video{position:fixed;top:0;left:0;right:0;bottom:0;min-height:100%;min-width:100%;z-index:999}.logo{position:absolute;top:50%;left:50%;z-index:999;transform:translate(-50%,-50%)}.bg-video.hidebg{opacity:0;transform:translateY(100%);transition:opacity 1s ease-in 1s,transform .7s ease-in 1s}.logo.resize{top:80px;transform:scale(0.65) translate(-75%,-100%);transition:all 2s ease-in-out 1s}.hidden{display:none}.cookie{position:fixed;padding:10px 0;z-index:100;left:0;right:0;bottom:0;background-color:rgba(91,81,61,0.8);color:#fff}.cookie a{color:#e0c4a8}.cookie a:hover{color:#e0c4a8}.btn-accept{position:absolute;padding:6px 25px;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background-color:#791218;border-radius:25px}.btn-accept:hover{color:#fff;background-color:#610f13}.btn-accept:focus{box-shadow:0 0 0 .2rem rgba(97,15,19,0.25)}.top-bar{z-index:9;position:fixed;top:0;width:100%;height:56px;text-align:center;background-color:#fff;opacity:.95}.top-bar img{height:100%;padding-top:8px;padding-bottom:8px}.main-menu{position:fixed;top:50%;z-index:1;margin-left:35px;transform:translateY(-50%);font-size:1.25rem;line-height:24px;font-weight:300}.main-menu div{margin-bottom:10px}a.menu{color:#5b513d}a.menu:hover{text-decoration:none}a.menu .hrline{display:inline-block;vertical-align:middle;width:0;height:0;margin-top:5px;background-color:#791218;transition:all .2s ease-in-out .2s}a.menu:hover .hrline{width:14px;height:1.5px;margin-right:10px}br.show{display:none}.banner{z-index:99;width:100%;position:relative}.banner-slide img{width:100%}.btn-reg{position:absolute;left:50%;bottom:50px;z-index:2;margin:0 auto;text-align:center;font-size:1rem;font-weight:300;color:#fff;transform:translateX(-50%);transition:transform .3s ease-in-out}.btn-reg img{width:auto;height:35px}.btn-reg div{text-shadow:0 3px 6px #000}.btn-reg:hover{color:#fff;text-decoration:none;translate:unset;transform:translateX(-50%) translateY(-10%)}.line-white{position:absolute;left:50%;bottom:0;z-index:2;border-left:1px solid #fff;width:0;height:40px;margin:7px auto 0}.line-red{position:absolute;left:50%;border-left:1px solid #791218;width:0;height:40px;margin:0 auto}.title-baan{margin-top:7%;margin-bottom:1%}.title-reg{margin-top:2%;color:#791218}.form-reg{padding:0 20%;margin-bottom:7%}form.register{width:100%}form.register div.form-input{position:relative;width:46%;height:28px;float:left;margin:60px 10px 0}form.register div.form-input label{margin-bottom:4px;font-weight:200;line-height:24px;position:absolute;top:0;left:0;transition:top .3s ease-in-out}form.register div.form-input input{width:100%;font-weight:300;border-radius:0;border:0;border-bottom:1px solid #5b513d;background:transparent;appearance:none;-webkit-appearance:none}form.register div.form-input select{width:100%;padding-bottom:2px;font-weight:300;border-radius:0;border:0;border-bottom:1px solid #5b513d;background:transparent;appearance:none;-webkit-appearance:none;background-image:url('../images/dropdown.svg');background-repeat:no-repeat;background-position:right}form.register select::-ms-expand{display:none}form.register div.form-input input:focus,form.register div.form-input select:focus{outline:0}form.register div.form-input input:not(:placeholder-shown) ~ label{top:-24px}form.register div.form-input input:valid ~ label,form.register div.form-input input:focus ~ label{top:-24px}form.register div.form-input .settop,form.register div.form-input select:focus ~ label{top:-24px}.form-selected.ffs{color:transparent}form.register input.error{border-bottom:1px solid #791218 !important;background:url('../images/alert.svg') no-repeat right center !important}form.register select.error{border-bottom:1px solid #791218 !important}form.register label.error{color:#791218 !important}form.register p{margin-top:4px;margin-bottom:0;font-size:.75rem;line-height:18px;color:#791218;font-weight:200}.btn-register{clear:both;text-align:center}.btn-red{margin-top:50px;padding:11px 67px;color:#fff;font-size:1rem;font-weight:normal;line-height:24px;background-color:#791218;border:1px solid #791218;border-radius:0;box-shadow:inset 0 0 0 6px #fff;transition:all .2s ease-in-out}.btn-red:hover{padding:6px 62px;border:6px solid #791218;box-shadow:inset 0 0 0 1px #fff}.overlay{position:fixed;width:100%;height:100%;left:0;top:0;z-index:99;opacity:.5;background-color:#000}.success-box{position:fixed;width:50%;height:auto;z-index:100;padding:20px;top:50%;left:50%;transform:translate(-50%,-50%);color:#791218;background-color:#fff;text-align:center}.success-box .box{padding:30px;border:1px solid #791218}.success-box .box .text{margin-top:17px;color:#5b513d;font-size:1.125rem;line-height:27px;font-weight:300}.success-box .box .social{margin-top:16px;margin-bottom:25px;font-size:1.125rem;font-weight:500}.success-box .box .social a{color:#5b513d}.success-box .box .social a:hover{color:#5b513d;text-decoration:none}.success-box .box .social a:first-child{margin-right:48px}.success-box span{line-height:32px}.success-box .box .social img{width:32px;height:32px}.success-box .box .btn-red{margin-top:0;padding-left:86px;padding-right:86px}.success-box .box .btn-red:hover{color:#fff;text-decoration:none;padding:6px 81px;border:6px solid #791218;box-shadow:inset 0 0 0 1px #fff}.success-box .show{display:none}.living{margin-top:5%;padding-left:1%;color:#791218}.living h2{position:absolute;text-align:left;top:30%;line-height:48px}.sand-red{position:absolute;right:14%;width:43%}.pic-living{height:490px;margin-top:20%;text-align:right}.pic-living .img-1{width:70%;right:0}.pic-living .img-2{position:absolute;width:40%;bottom:10%;left:13%}.pic-living-2{margin-top:4%;padding-left:1%;text-align:right}.pic-living-2 .img-1{position:absolute;z-index:1;width:73%;top:19%;left:0}.pic-living-2 .img-2{width:35%}.line-ver{position:absolute;bottom:7%;left:50%;height:23%}.line-ver img{margin:0 auto}.living-paragraph{font-size:1.125rem;font-weight:300;line-height:24px;padding:8% 8% 8% 5%}.harmony{margin:7% 21% 0;width:100%;color:#791218;text-align:right;z-index:2}.harmony-paragraph{font-size:1.125rem;font-weight:300;line-height:24px;padding:5% 7% 4% 21%}.pic-harmony{padding-right:0;top:-30px;z-index:1}.pic-harmony .img-1{width:100%}.bg-parallax{background-color:#fff;background-image:url('../images/bg-02.svg');background-repeat:no-repeat;background-size:100%;background-position:top left;box-shadow:0 0 100px 250px #fff;position:absolute;padding-top:10%;padding-bottom:60%;left:0;right:0;width:100%;height:100%;z-index:-1}.floor-plan{margin-top:11%;padding-top:18%;min-height:1580px}.title-floor{position:relative;color:#791218;margin-top:-265px}.sand-white{position:absolute;top:-4%;left:40%;width:50%;z-index:-1}.plan{margin-top:-17%;text-align:center}.text-plan{vertical-align:top;margin-right:5%}.pic-plan{width:90%}.p-row-2{padding-top:25%;padding-bottom:6%}.visit{margin-top:0;padding-top:3%;text-align:center;color:#791218}.circle-red{width:12px;height:12px;margin:30px auto 20px;background-color:#791218;border-radius:50px}.pic-circle{width:45%;border-radius:50%}.btn-visit{margin-top:50px}.btn-visit a{color:#fff;text-decoration:none}.btn-visit .btn-red{padding:11px 47px}.btn-visit .btn-red:hover{padding:6px 42px}[class*="details-"]{margin-top:4%;color:#5b513d;text-align:left;font-weight:300;font-size:1rem;line-height:32px}[class*="details-"] li{list-style-type:circle}.details-l{padding-left:20%}.progress-home{padding:2% 20% 2% 22%}.progress-title{margin-bottom:15px;font-size:1.5rem;line-height:32px;font-weight:300;text-align:left}.gallery{padding-top:2.5%}.bg-white{height:350px;width:100%;z-index:-1;position:absolute;margin-top:-3.5%}.title-galle{margin:10px auto 64px;color:#791218}.box-text-slides{max-width:3rem;height:auto;margin-right:6px}.title-v{margin:30px auto;color:#5b513d;font-weight:200;line-height:64px;letter-spacing:5px;z-index:2}.pic-index{margin-top:24px;color:#5b513d;font-size:1rem;height:max-content;text-align:center}.pic-index>span:last-child{border-top:1px solid #5b513d}.video-box{padding:0;margin-top:-58px}.video-box video:focus{outline:0}.btn-video{position:absolute;top:47%;left:50%;z-index:9;color:#fff;font-size:.75rem;text-align:center;font-weight:200;transform:translate(-50%,-50%)}.line-1,.line-2{position:absolute;border-left:1px solid #fff;width:0;left:50%;opacity:0}.line-1{top:-150%;height:150%}.line-2{top:75%;height:175%}.vi-circle{height:60px;width:60px;padding-top:30%;opacity:0;border:1px solid #fff;border-radius:50%;transition:all .4s}.video-box:hover>.btn-video .line-1,.video-box:hover>.btn-video .line-2{opacity:1}.video-box:hover>.btn-video>.vi-circle{height:50px;width:50px;padding-top:25%;opacity:1}.location{margin-top:2%;padding-top:7%}.title-locat{padding-left:8%;color:#791218;font-weight:200;line-height:64px}.title-locat img{position:absolute;left:0;top:-110%;z-index:-1;width:18%}.graph-map{margin-top:7%;padding-left:20%}.graph-map img{width:100%}.contact{padding:10% 0 5%}.title-contact{width:300px;transform:rotate(-90deg) translate(-70%,-215%);color:#791218;font-weight:300}.line-gold{position:absolute;margin-top:26px;margin-left:130%;width:156px;height:0;border-bottom:1px solid #5b513d}.logo-contact{width:53%;margin-bottom:32px}.bg-red-cir{width:445px;height:445px;padding:100px 5px;color:#fff;font-weight:300;font-size:1rem;background-color:#791218;border-radius:50%;text-align:center}.red-cir{z-index:2}.tel{color:#fff}.tel:hover{color:#fff;text-decoration:none}.g-map iframe{width:100%;height:445px;border:0}.b-footer{padding-top:32px;padding-bottom:32px;text-align:center;font-size:1rem;font-weight:300;color:#fff;background-color:#791218}.b-footer a{color:#fff}.b-footer a:hover{color:#fff}.panna-logo{height:56px;margin-bottom:32px}.f-line{margin:0 25px}.footer{padding:6px;background-color:#500c10;color:#fff;font-size:.875rem;text-align:center;font-weight:300}@media(max-width:1600px){br.show{display:block}a.menu-visit span{transition:all .2s ease-in-out .2s}a.menu-visit:hover span{margin-left:25px}.harmony{margin:7% 15% 0}.harmony-paragraph{padding:5% 7% 4% 14%}.floor-plan{margin-top:10%;padding-top:22%;min-height:1350px}.pic-plan{width:80%}.p-row-2{padding-bottom:10%}.gallery{padding-top:3.5%}.location{padding-top:8%}.contact{padding-top:11%}}@media(max-width:1440px){html{font-size:14px}.container{padding-right:40px;padding-left:40px}.sand-red{right:22%}.harmony-paragraph{padding:4% 8% 4% 13%}.sand-white{left:35%}.visit{margin-top:0}.details-l{padding-left:23%}.progress-home{padding-left:25%}}@media(max-width:1240px){.banner{object-fit:cover;overflow:hidden}.banner-slide{height:100vh}.banner-slide img{width:auto;height:100%}.banner-02{overflow:hidden}.banner-02>img{width:100%;object-fit:cover;object-position:center}br.show{display:none}.btn-bar{position:fixed;width:44px;height:44px;border:1px solid #d2cbc6;border-radius:50%;transform:translate(35%,15%);transition:all .5s ease-in-out}.btn-bar span{position:absolute;margin-top:8px;height:1px;background-color:#791218;transition:all .5s ease-in-out}.btn-bar span:nth-child(1){width:16px;left:30%;top:4px}.btn-bar span:nth-child(2){width:24px;left:21%;top:13px}.btn-bar span:nth-child(3){width:16px;left:30%;top:22px}.main-menu{position:fixed;top:0;width:100%;height:0;margin-top:56px;margin-left:0;z-index:100;background-size:cover;background-repeat:no-repeat;background-image:url("../images/Circular-Pencil-Red-Menu.jpg");font-size:1.5rem;line-height:32px;font-weight:200;text-align:center;transform:translateY(0);transition:all .7s ease}.main-menu div{margin:2%;display:none}a.menu{color:#fff}a.menu .hrline{display:none}.harmony{margin:7% 7% 0}.harmony-paragraph{padding:7% 14% 4% 7%}.floor-plan{min-height:1100px}.plan{margin-top:-19%}.p-row-2{padding-bottom:5%}.details-l{padding-left:18%}}@media(max-width:1200px){.living,.pic-living,.pic-living-2,.living-paragraph,.harmony-paragraph,.pic-harmony,[class*="details-"]{flex:50%}.harmony-paragraph{padding:6% 8% 4% 9%}}@media(max-width:1030px){.sand-red{right:10%}.pic-living{height:380px}.pic-living-2 .img-2{top:55%}.harmony-paragraph{padding:5% 5% 4% 7%}.floor-plan{padding-top:30%;min-height:990px}.plan{margin-top:-22%}.p-row-2{padding-top:28%}.visit{padding-top:4%}.gallery{padding-top:4.5%}.bg-white{margin-top:-4.5%}.location{padding-top:11%}.contact{padding-top:16%}.title-contact{transform:rotate(-90deg) translate(-52%,-215%)}.line-gold{margin-left:110%}.bg-red-cir{width:365px;height:365px;padding:65px 5px}.g-map iframe{height:365px}}@media(max-width:1023px){html{font-size:13px}.living,.pic-living,.pic-living-2,.living-paragraph,.harmony-paragraph,.pic-harmony{flex:0 0 100%}.tablet-show{display:block}.tablet-hidden{display:none}.title-baan{margin-top:12%}.line{width:65%}.form-reg{padding:0 10%;margin-bottom:10%}form.register div.form-input{width:95%}form.register div.form-input label{line-height:normal}form.register div.form-input select{background-size:11px}.success-box{width:75%}.living{height:300px;padding-left:2%;padding-right:2%}.living h2{top:50%;padding-left:20%}.sand-red{right:20%;width:30%}.pic-living{margin-top:0;margin-bottom:25%}.pic-living .img-1{width:75%}.pic-living .img-2{left:0;bottom:-30%}.line-ver{display:none}.pic-living-2{margin-top:0;margin-bottom:15%;padding-left:4%}.pic-living-2 .img-1{width:65%;top:35%}.pic-living-2 .img-2{width:44%;top:65%}.living-paragraph{padding:8% 4%}.harmony-paragraph{padding:8% 10%}.pic-harmony{padding-left:0}.harmony{text-align:left;margin-top:0;padding-left:4%}.floor-plan{margin-top:5%;padding-top:26%;min-height:820px}.bg-parallax{background-size:cover;box-shadow:0 0 100px 100px #fff}.title-floor{margin-top:-140px}.sand-white{left:55%;top:-25%;width:70%}.floor-plan .pic-index{position:absolute;margin-top:-40px;left:9%}.floor-slide{margin-top:5%}.floor-slide .swiper-slide{text-align:center}.floor-slide .swiper-slide .pic-plan{width:50%}.visit{padding-top:6%}.pic-circle{width:75%}[class*="details-"]{flex:0 0 100%;margin-top:0;padding:0;font-size:1.15rem}[class*="details-"] ul{margin-bottom:0;padding-left:5%}[class*="details-"] li{line-height:24px}.details-l{margin-top:10%;padding-left:30%}.details-r{padding-left:30%}.progress-home{padding:2% 12% 2% 14%}.gallery{padding-top:5.5%}.bg-white{margin-top:-5.5%}.video-box{margin-top:-52px}.vi-circle{width:50px;height:50px}.btn-video{font-size:1rem}.line-1,.line-2,.vi-circle{opacity:1}.location{margin-top:2%;padding-top:14%}.title-locat{padding-left:12%}.title-locat img{width:25%}.graph-map{margin-top:10%;padding-left:2%}.btn-show-pic{margin:30px;text-align:center}.btn-gold{padding:11px 6px;color:#5b513d;font-size:1rem;font-weight:normal;line-height:24px;background-color:transparent;border:1px solid #5b513d;transition:all .2s ease-in-out}.btn-gold span{padding:6px 34px;border:1px solid #5b513d}.btn-gold:hover{box-shadow:inset 0 0 0 6px #5b513d;background-color:#5b513d;color:#fff}.btn-gold:hover span{border:1px solid #fff}.show-pic{display:none;position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background-color:rgba(30,30,30,0.9);overflow:hidden}.show-pic img{position:absolute;width:95%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff}.contact{padding-top:7%}.title-contact{transform:rotate(-90deg) translate(-75%,-300%)}.line-gold{margin-left:95%}.red-cir{margin-bottom:3%}.bg-red-cir{width:420px;height:420px;padding:100px 50px;margin-left:auto;margin-right:auto}.g-map iframe{height:380px}}@media(max-width:920px){.floor-plan .pic-index{margin-top:-22px;left:16%}.logo-contact{width:75%}}@media(max-width:767px){.living{height:240px}.living h2{top:40%;padding-left:7%}.pic-living{height:370px;margin-top:0;margin-bottom:5%}.pic-living .img-2{bottom:0}.harmony{padding-left:0;margin:0 20%}.harmony-paragraph{padding:8% 20%}.floor-plan{margin-top:10%;padding-top:25%}.sand-white{left:25%;top:-30%;width:40%}.floor-plan .pic-index{left:20%}.floor-slide{margin-top:15%}[class*="details-"]{padding-left:20%}.title-contact{color:#791218;transform:rotate(-90deg) translate(-72%,-330%)}.bg-red-cir{margin-right:0;margin-top:0}}@media(max-width:425px){h2{font-size:2.75rem}.mobile-hidden{display:none}.logo{width:70%}.logo.resize{opacity:0}.container{padding-left:25px;padding-right:25px}.banner-slide{margin-top:56px;height:auto}.banner-slide img{width:100%;height:auto}.banner-01{width:100%}.top-bar{z-index:100}.title-baan{margin-top:14%;margin-bottom:9%}.line{width:65%}.title-reg{margin-top:9%}.title-reg h3{font-size:1.78rem}.form-reg{padding:0 6%;margin-bottom:20%}form.register div.form-input{width:95%}.success-box{width:95%}.success-box .box .social{text-align:left;margin-left:50%;transform:translateX(-50%)}.success-box .box .social a:first-child{margin-right:0}.success-box .show{display:block;height:12px}.living{height:290px;padding-left:4%;padding-top:5%}.living h2{top:56%;padding-left:0}.sand-red{right:0;width:50%}.pic-living{height:310px;margin-top:0;margin-bottom:10%}.pic-living .img-2{width:50%}.pic-living-2{margin-top:0;margin-bottom:22%;padding-left:4%}.living-paragraph{padding:8% 4%}.harmony-paragraph{padding:8% 9%}.harmony{margin:0 9%}.floor-plan{margin-top:5%;padding-top:48%}.floor-plan .pic-index{margin-top:15px;left:6%}.bg-parallax{background-size:cover;box-shadow:0 0 100px 300px #fff}.title-floor{margin-top:-75px;margin-bottom:20%}.sand-white{left:27%;width:46%;top:-55%}.floor-slide{margin-top:0}.floor-slide .swiper-slide .pic-plan{width:75%}.visit{padding-top:20%}.pic-circle{width:100%}[class*="details-"]{margin-top:0;padding:0;font-size:1.15rem}[class*="details-"] ul{margin-bottom:0;padding-left:5%}.details-l{margin-top:10%}.details-r{margin-bottom:5%}.progress-home{padding:2% 0 2% 0}.gallery{height:1000px;padding-top:15.5%}.bg-white{margin-top:-15.5%}.video-box{margin-top:60%;height:60%;right:0;left:0;position:absolute;object-fit:cover;overflow:hidden}.video-box video{width:auto;height:100%}video[poster]{transform:translateX(-25%)}.location{margin-top:40%;padding-top:32%}.title-locat{padding-left:19%}.title-locat img{width:40%}.graph-map{margin-top:20%;padding:0}.contact{padding-top:25%}.red-cir{margin-bottom:5%}.bg-red-cir{width:365px;height:365px;margin-top:0;padding:62px 50px}.title-contact{color:#b7a089;transform:rotate(-90deg) translate(-57%,-246%)}.line-gold{margin-left:80%;margin-top:18px}.g-map{padding:0}.g-map iframe{height:500px}.panna-logo{height:40px}.f-line{margin:0 16px}}@media(max-width:375px){h2{font-size:2.65rem}.living h2{top:43%}.pic-living{height:265px}.floor-plan .pic-index{left:7%}.location{margin-top:53%}.bg-red-cir{margin-left:-8%;padding:65px 50px}.title-contact{transform:rotate(-90deg) translate(-55%,-320%)}.video-box{margin-top:67%}}@media(max-width:320px){h1{font-size:2.65rem}h2{font-size:2.15rem}.living{height:220px}.living h2{top:41%}.pic-living{height:220px}.hidden-320{display:none}.logo-contact{margin-bottom:20px}.bg-red-cir{margin-top:29px;padding:40px 50px;width:310px;height:310px}.line-gold{margin-left:65%}.title-contact{transform:rotate(-90deg) translate(-48%,-395%)}}