@-webkit-keyframes menuaction{40%{-webkit-transform:rotate(-93deg);transform:rotate(-93deg)}80%{-webkit-transform:rotate(-88deg);transform:rotate(-88deg)}}@keyframes menuaction{40%{-webkit-transform:rotate(-93deg);transform:rotate(-93deg)}80%{-webkit-transform:rotate(-88deg);transform:rotate(-88deg)}}@-webkit-keyframes rotateAnimation{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotateAnimation{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes rotate360{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate360{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes shine{to{left:125%}}@keyframes shine{to{left:125%}}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#ffffff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:0.44rem;--wp--preset--spacing--30:0.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp:6px 6px 0px rgb(0, 0, 0)}:where(body){margin:0}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}@font-face{font-family:DBEuroThaiX-Bold;src:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/fonts/DBEuroThaiX-Bold/DBEuroThaiX-Bold.eot?#iefix)format("embedded-opentype"),url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/fonts/DBEuroThaiX-Bold/DBEuroThaiX-Bold.woff)format("woff"),url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/fonts/DBEuroThaiX-Bold/DBEuroThaiX-Bold.ttf)format("truetype"),url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/fonts/DBEuroThaiX-Bold/DBEuroThaiX-Bold.svg#DBEuroThaiX-Bold)format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DBEuroThaiX;src:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/fonts/DBEuroThaiX/DBEuroThaiX.eot?#iefix)format("embedded-opentype"),url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/fonts/DBEuroThaiX/DBEuroThaiX.woff)format("woff"),url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/fonts/DBEuroThaiX/DBEuroThaiX.ttf)format("truetype"),url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/fonts/DBEuroThaiX/DBEuroThaiX.svg#DBEuroThaiX)format("svg");font-weight:400;font-style:normal;font-display:swap}body,html{overflow-x:hidden}body,h2{line-height:1.2}a:after,a:before{position:absolute;bottom:3px;width:100%;height:1px;left:0;content:""}.a-btnmore.moreto:after,button:hover{background-color:#fdb154}.box,.container,.container_full,a,section{position:relative}._bg-full{background-repeat:no-repeat}footer,header,header .blogandsocial .social a,section{display:block}#back-to-top,.a-linknoneline,a{text-decoration:none;cursor:pointer}.wrap__sdroomtype .box.setbox_1{overflow:initial}img{max-width:100%}.wrap__sdroomtype .box .facilities ul li{margin:0 0 0 5px}.wrap__sdroomtype .box .detail .price .col1 span:nth-child(2){font-size:1.15rem}a,div,form,iframe,img,label,li,span,ul{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body,h1,h2,h3,h4,h5,html,p,strong{padding:0;border:0;outline:0;font-style:inherit;vertical-align:baseline}body,h2,h4,html,p,strong{margin:0}body,h1,h2,h3,h4,h5,p{font-size:100%}html,strong{font-family:inherit}body,html,p{font-weight:inherit}html{font-size:62.5%;height:100%}strong{font-size:100%}h1,h5{line-height:.8;color:#000;margin:0 0 10px}.sec__reservation .-submit button,.sec__reservation .-title p,h1,h2,h3,h4,h5,header .blogandsocial .blog a,header .mainmenu a,header .whybook a{font-family:DBEuroThaiX-Bold,sans-serif}body{background:#222;letter-spacing:.5px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-size:2.2rem;color:#000;text-align:center}body ::-moz-selection{background:#111;color:#fff}body ::selection{background:#111;color:#fff}img{height:auto}a img{border:0}a,div,input,li,ul{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}h1,h2,h3,h4{text-align:center;font-weight:700}h5{text-align:left}h1,h5{font-size:5.2rem}h2{font-size:2.2rem}h3{font-size:4.8rem;line-height:1;margin:0 0 35px}h4{font-size:2.8rem;line-height:1.6}ul{list-style:none}h5,strong{font-weight:700}a{color:#fdb154;-webkit-transition:.4s;transition:.4s}a:active,a:hover{color:#fff;text-decoration:none}a:before{z-index:1;transition:.6s}a:after,a:before,section a:before{-webkit-transition:.6s;-moz-transition:.6s;-o-transition:.6s;-ms-transition:.6s}a:hover:before,section a:before{-webkit-transform:scale(0);transform:scale(0)}a:after{transition:.6s}#back-to-top,.box__mobilemenu,.mobile_wrap{display:none}section a:before{transition:.6s}header .mainmenu a:hover:before,section a:hover:before{-webkit-transform:scale(1);transform:scale(1)}.wrap__borderbody{border:6px solid #000;background-color:#fff;max-width:1440px;margin:auto}body,button,input,p{font-family:DBEuroThaiX,sans-serif}button,input{background:#000;font-size:2rem;line-height:1.4;border:2px solid #fff;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;outline:inherit;width:100%;padding:10px}button:hover{border:1px solid #fdb154;color:#fff}a:after,section{z-index:0}.container{margin:0 60px;width:calc(100% - 120px)}.container_full{margin:0 auto;padding:0}.pd_mainsection{padding-top:70px;padding-bottom:70px}.a-linknoneline:active,.a-linknoneline:hover{color:#fff}._bg-full,._bg-full img{position:absolute}._bg-full,.sec__reservation{height:100%}._bg-full{top:0;right:0;bottom:0;left:0;z-index:0;width:100%;background-size:cover;background-position:50% 50%}._bg-full img{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;width:1px}header .whybook{border-top:6px solid #000}header,header .blogandsocial{border-bottom:6px solid #000}#back-to-top{position:fixed;right:20px;bottom:20px;z-index:9999;padding:5px;width:35px;height:33px;border:0;border-radius:4px;background-color:rgba(102,102,102,.7);color:#fff;text-align:center;font-size:22px;line-height:20px;-webkit-opacity:0;-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s ease-out}#back-to-top:after,#back-to-top:before,header .blogandsocial .blog a:after,header .blogandsocial .blog a:before,header .blogandsocial .social a:after,header .blogandsocial .social a:before,header .logo a:after,header .logo a:before,header .mainmenu a:after,header .whybook a:after{width:0}.a-btnmore:before,.a-linknoneline{-webkit-transition:.6s;-moz-transition:.6s;-o-transition:.6s;-ms-transition:.6s}#back-to-top:hover{background-color:#202020;-webkit-opacity:1;-moz-opacity:1;-khtml-opacity:1;opacity:1}#back-to-top i.fa{position:relative;margin-top:0;width:25px;border:0}#back-to-top i.fa:before{top:0;font:14px/1 FontAwesome}.a-btnmore span:after,.a-btnmore span:before{top:9px;background:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/images/icon--star.svg)center center/cover no-repeat;height:10px}header,header .mainmenu ul{display:-webkit-box;display:-ms-flexbox}header{display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-flow:wrap;flex-flow:wrap}header .col1{width:75%;border-right:3px solid #000}header .col2{width:25%;border-left:3px solid #000;background-color:#000;color:#fff}.sec__maincontenthome .container_full,header .logoandmenu,header .mainmenu ul{display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.sec__maincontenthome .container_full,header .logoandmenu{display:-webkit-box;display:-ms-flexbox}header .logo{width:22%;background:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/images/bg--logo.jpg)center center/cover no-repeat;border-right:6px solid #000;padding:30px 25px}header .mainmenu{width:78%;background:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/images/bg--menu.jpg)center bottom no-repeat;overflow:hidden}header .mainmenu ul{padding:0 40px;margin-top:-10px}header .mainmenu a,header .whybook{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .mainmenu li{width:40px;position:relative}header .mainmenu a{height:40px;background:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/images/bg--menulink.png)left center no-repeat;padding-left:60px;padding-right:30px;color:#fff;-webkit-animation:4s linear infinite menuaction;animation:4s linear infinite menuaction;-webkit-transform-origin:right;transform-origin:right;position:absolute;right:20px;top:-20px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}header .mainmenu a.menu--home{padding-left:95px}header .mainmenu a.menu--attractions,header .mainmenu a.menu--gallery,header .mainmenu a.menu--rooms{padding-left:70px}header .mainmenu a.menu--location{padding-left:90px}header .mainmenu a.menu--about{padding-left:75px}header .mainmenu a:before{width:calc(100% - 58px);right:0;left:auto;background-color:#e37d4c;height:40px;top:0;z-index:-1}header .mainmenu a:hover{color:#632e16}header .whybook{height:130px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}header .whybook a{font-size:2.3rem;font-weight:700;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.7)}header .whybook a:before{height:2px;bottom:0;background-color:#fff;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.8);box-shadow:1px 1px 3px rgba(0,0,0,.7)}header .whybook a:hover:before{height:2px;-webkit-transform:scalex(0);transform:scalex(0)}header .blogandsocial{display:flex;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}header .blogandsocial>div{padding:10px}header .blogandsocial .blog{border-right:3px solid #000;width:50%}header .blogandsocial .blog a{color:#000;background:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/images/icon--blog.svg)left 4px/25px auto no-repeat;padding-left:35px}button,header .blogandsocial .blog a:hover,input{color:#fdb154}header .blogandsocial .social{border-left:3px solid #000;width:50%}footer .col1 .address p,header .blogandsocial,header .blogandsocial .social ul{display:-webkit-box;display:-ms-flexbox;-ms-flex-flow:wrap}header .blogandsocial .social ul{display:flex;flex-flow:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}header .blogandsocial .social li{margin:0 2px}header .blogandsocial .social i.icon{width:25px;height:25px;display:inline-block;background-size:20px auto}.icon--facebook{background:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/images/icon--facebook.svg)center center no-repeat}.icon--instagram{background:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/images/icon--instagramb.svg)center center no-repeat}footer{padding:60px 0;font-size:2rem}footer .container{background:0 0;color:#fff}footer .col1{padding:60px 40px}footer .col1 .address{padding-bottom:35px}footer .col1 .address p{margin-bottom:10px}footer .col1 .address .icon--phone{background:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/images/icon--phone.svg)center center no-repeat}footer .col1 .address .icon--time{background:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/images/icon--time.svg)center center no-repeat}footer .col1 .address .icon--map{background:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/images/icon--map.svg)center center no-repeat}footer .col1 .address .icon--email{background:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/images/icon--email.svg)center center no-repeat}footer .col1 .address .icon{width:27px;height:27px;background-size:cover;margin-right:5px}.sec__reservation #reser_form,footer .col1 .address p,footer .col1 .address>p.p1 span{display:flex;flex-flow:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}footer .col1 .address>p.p1 span{display:-webkit-box;display:-ms-flexbox;-ms-flex-flow:wrap}.a-linknoneline{color:#fff;position:relative;transition:.6s}.a-linknoneline:after,.a-linknoneline:before{width:0%;background-color:#fff;left:0;right:auto}.a-linknoneline:hover:after,.a-linknoneline:hover:before{width:50%;-webkit-transform:scale(1);transform:scale(1)}.a-linknoneline:after{left:auto;right:0}.a-btnmore span:before,.a-btnmore:after,.a-btnmore:before{position:absolute;content:"";width:auto}.a-btnmore{position:relative;padding:10px 30px;display:inline-block}.a-btnmore:before{height:100%;left:9px;right:9px;top:0;background-color:#fdb154;-webkit-transform:scale(1);transform:scale(1);z-index:0;transition:.6s}.a-btnmore.moreto:before,.a-btnmore:after{background-color:#000}.a-btnmore.moreto span,.a-btnmore:after,.sec__reservation .-submit button,.sec__reservation .-submit button div:after{-webkit-transition:.6s;-moz-transition:.6s;-o-transition:.6s;-ms-transition:.6s}.a-btnmore:after{height:auto;left:0;right:0;top:6px;bottom:6px;-webkit-transform:scale(1);transform:scale(1);z-index:1;transition:.6s}.a-btnmore span{position:relative;z-index:2;padding:0 50px 0 15px;font-weight:700;background:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/images/icon--arrow.svg)calc(100% - 10px) center no-repeat}.a-btnmore span:before{width:10px;left:-10px;-webkit-transform:rotateY(45deg);transform:rotateY(45deg);-webkit-animation:3s linear infinite rotateAnimation;animation:3s linear infinite rotateAnimation;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s;transition:.4s}.a-btnmore span:after{position:absolute;content:"";width:10px;right:-10px}.a-btnmore:hover{color:#fdb154;padding-left:15px;padding-right:45px}.sec__reservation input{padding:26px 15px 6px;line-height:1;font-size:2rem}.a-btnmore:hover span:before{left:calc(100% + 15px)}.a-btnmore:hover span:after{-webkit-transform:rotateY(45deg);transform:rotateY(45deg);-webkit-animation:3s linear infinite rotateAnimation;animation:3s linear infinite rotateAnimation}.a-btnmore.moreto span{color:#000;background:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/images/icon--arrowb.svg)calc(100% - 10px) center no-repeat;transition:.6s}.a-btnmore.moreto span:after,.a-btnmore.moreto span:before{background:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/images/icon--starb.svg)center center no-repeat}.reservation{height:calc(100% - 182px)}.sec__reservation .ft_title{border:6px solid #e37d4c;padding:10px 30px;margin-bottom:6px;color:#fdb154}.sec__reservation #reser_form{border:6px solid #e37d4c;padding:30px;height:100%}#popupwhybook>.wrapbox .detail,.sec__reservation #reser_form{-ms-flex-flow:wrap;display:-webkit-box;display:-ms-flexbox}.banner-home img,.sec__instargram .container_full .wrap .box img,.sec__reservation #reser_form>div{width:100%}.sec__reservation .row{position:relative;margin-bottom:20px}.sec__reservation .subject{text-align:left;font-size:2rem;padding-left:17px;padding-top:7px;position:absolute;top:0;left:0;font-weight:600}.sec__reservation .-date input{background:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/images/icon--calendar.svg)calc(100% - 10px) center no-repeat;background-size:30px auto}.-submit button,.sec__reservation .-submit button{background-color:#fdb154;text-transform:uppercase;text-shadow:0 1px 0#fff;color:#000;cursor:pointer}.sec__reservation .-submit button{border:0;font-size:3rem;line-height:1;transition:.6s}.-submit button:hover,.sec__reservation .-submit button:hover{border:0;-webkit-transition:.4s .5s;-moz-transition:.4s .5s;-o-transition:.4s .5s;-ms-transition:.4s .5s;transition:.4s .5s}.sec__instargram .container_full .wrap .box a:hover::before,.sec__reservation .-submit button:hover div:before,.wrap__sdroomtype .photo a:hover::before{-webkit-animation:1.4s shine;animation:1.4s shine}.sec__reservation .-submit button:hover div:after{left:-20px;-webkit-transition:.4s .6s;-moz-transition:.4s .6s;-o-transition:.4s .6s;-ms-transition:.4s .6s;transition:.4s .6s}.-submit button:before,.sec__reservation .-submit button:before{background:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/images/icon--arrowb.svg)right center no-repeat;position:absolute;content:"";height:100%;width:40px;right:15px;top:0;z-index:2}.-submit button span:after,.-submit button span:before,.-submit button:after,.sec__reservation .-submit button span:after,.sec__reservation .-submit button span:before,.sec__reservation .-submit button:after{background:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/images/icon--starb.svg)center center no-repeat;content:""}.-submit button:after,.sec__reservation .-submit button:after{position:absolute;height:15px;width:15px;left:10px;top:10px;-webkit-animation:3s linear infinite rotate360;animation:3s linear infinite rotate360}.-submit button span,.sec__reservation .-submit button span{padding:3px 10px 3px 0;display:block;position:relative;z-index:2}.-submit button span:after,.-submit button span:before,.sec__reservation .-submit button span:after,.sec__reservation .-submit button span:before{position:absolute;height:8px;width:8px;left:22px;top:1px;-webkit-animation:2s linear infinite rotate360;animation:2s linear infinite rotate360}.-submit button span:after,.sec__reservation .-submit button span:after{left:1px;top:22px}.-submit button div,.sec__reservation .-submit button div{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;z-index:0}.-submit button div:before,.sec__reservation .-submit button div:before{position:absolute;top:0;left:-135%;z-index:2;display:block;content:"";width:50%!important;height:100%;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.3)));background:linear-gradient(to right,rgba(255,255,255,0)0,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}.sec__reservation .-submit button div:after{position:absolute;content:"";height:calc(100% + 20px);width:calc(100% + 100px);z-index:0;transition:.6s;left:calc(-100% - 120px);top:-10px;-webkit-transform:skewX(-25deg);transform:skewX(-25deg);background:#fff;background:-webkit-gradient(linear,left top,right top,from(#fff),color-stop(80%,#fff),to(rgba(255,255,255,0)));background:linear-gradient(to right,#fff 0,#fff 80%,rgba(255,255,255,0) 100%)}.sec__reservation .-title{text-align:left;margin-bottom:0;margin-top:15px}.sec__reservation .-title p{margin:0 0 0-1px;font-size:4.4rem;line-height:.45;font-weight:700}#popupwhybook,.sec__maincontenthome .col1 h2{font-family:DBEuroThaiX,sans-serif}.sec__reservation form{height:calc(100% - 64px)}#popupwhybook{font-size:1.8rem;min-width:320px;padding:0;width:650px;height:auto;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border:6px solid #000;overflow:hidden}#popupwhybook>.wrapbox .title{padding:15px 30px;position:relative;background-color:#000;color:#e37d4c;text-align:center;border:6px solid #e37d4c}#popupwhybook>.wrapbox .title:before{position:absolute;content:"";height:6px;width:100%;left:0;bottom:0}#popupwhybook>.wrapbox h3{margin-bottom:0;line-height:.8;font-size:3.6rem}#popupwhybook>.wrapbox .detail{display:flex;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}#popupwhybook>.wrapbox .detail:before{position:absolute;content:"";height:0;width:6px;left:calc(50% - 3px);top:0;background-color:#000}#popupwhybook>.wrapbox .detail:after{position:absolute;content:"";height:6px;width:100%;top:0;left:0;background-color:#000}#popupwhybook>.wrapbox .detail .box{width:50%;padding:30px 20px 20px;margin:0;text-align:center;position:relative}#popupwhybook>.wrapbox .detail .icon{padding-bottom:5px}#popupwhybook>.wrapbox .detail .icon img{width:60px}.animated-modal,.animated-modal h3{-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s;-ms-transition:.8s;transition:.8s}.animated-modal{overflow:hidden;-webkit-transform:translateY(-80px);transform:translateY(-80px)}.animated-modal h3{-webkit-transform:translateY(-40px);transform:translateY(-40px);opacity:0}.animated-modal .box{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:.6s 1s;-moz-transition:.6s 1s;-o-transition:.6s 1s;-ms-transition:.6s 1s;transition:.6s 1s}.animated-modal .box:nth-child(3):before,.animated-modal .box:nth-child(4):before{position:absolute;content:"";height:6px;width:0;left:0;top:0;background-color:#000;-webkit-transition:.6s 1.6s;-moz-transition:.6s 1.6s;-o-transition:.6s 1.6s;-ms-transition:.6s 1.6s;transition:.6s 1.6s}.sec__maincontenthome .col1{width:50%;padding-left:60px;padding-right:60px;text-align:left;border-right:6px solid #000}.sec__maincontenthome .col1 h2{text-align:left;font-weight:400}.sec__maincontenthome .col2{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-flow:wrap;flex-flow:wrap}.sec__maincontenthome .col2 .col_photo{position:relative;width:50%;border-right:3px solid #000}.sec__maincontenthome .col2 .col_slide{width:50%;border-left:3px solid #000;background:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/images/photo--videobookabed.webp)center center/cover no-repeat;padding:60px 30px}.sec__maincontenthome .col2 .col_slide h3{text-align:right;line-height:.8}.sec__maincontenthome .col2 .col_slide h3 span{display:block;font-size:2rem;font-weight:400;font-family:DBEuroThaiX,sans-serif}.sec__roomtype{padding-top:80px;padding-bottom:60px;border-top:6px solid #000;background:0 0;-webkit-transition:.6s 2s;-moz-transition:.6s 2s;-o-transition:.6s 2s;-ms-transition:.6s 2s;transition:.6s 2s}.sec__adout-attractions,.sec__instargram{border-top:5px solid #000}.sec__roomtype .wrap__maincontent:before{position:absolute;content:"";height:100%;left:40px;right:-20px;top:0;background-color:#fff}.sec__roomtype .btn_arrow{position:absolute;top:375px;height:80px;width:80px;background-color:rgba(0,0,0,.75);z-index:200;cursor:pointer;-webkit-opacity:1;-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transition:.6s;-moz-transition:.6s;-o-transition:.6s;-ms-transition:.6s;transition:.6s;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.sec__roomtype .btn_arrow:before{position:absolute;content:"";height:100%;width:100%;left:0;top:0;z-index:9}.sec__roomtype .btn_arrow:hover{background-color:#000}.sec__roomtype .btn_arrow.prev{left:-40px}.sec__roomtype .btn_arrow.prev:before{background:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/images/icon--arrowslide-prev.svg)center center/38px auto no-repeat;left:-3px}.sec__roomtype .btn_arrow.next{right:-40px}.sec__roomtype .btn_arrow.next:before{background:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/images/icon--arrowslide-next.svg)center center/38px auto no-repeat;left:3px}.wrap__sdroomtype{padding-left:60px;overflow:hidden}.sec__instargram .container_full .wrap .box a:before,.wrap__sdroomtype .photo a:before{left:-135%;z-index:2;content:"";width:50%!important;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.3)));-webkit-transform:skewX(-25deg);position:absolute;top:0;display:block;height:100%;background:linear-gradient(to right,rgba(255,255,255,0)0,rgba(255,255,255,.3) 100%);transform:skewX(-25deg)}.wrap__sdroomtype .box .detail{text-align:left;padding:20px 0 0}.wrap__sdroomtype .box .detail .title{font-weight:700;font-size:2.6rem;padding-bottom:20px}.wrap__sdroomtype .box .detail .content{border-top:6px solid #000;border-bottom:6px solid #000;padding-top:10px;margin-top:30px}.sec__maincontenthome .col1 h1,.wrap__maincontent h3,.wrap__sdroomtype .box .detail .content p{margin-bottom:10px;text-align:left}.wrap__sdroomtype .box .detail .priceandfac{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px 0}.wrap__sdroomtype .box .detail .price,.wrap__sdroomtype .box .detail .priceandfac,.wrap__sdroomtype .box .facilities ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.wrap__sdroomtype .box .detail .price{width:50%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.wrap__sdroomtype .box .detail .price .col1{font-size:1.6rem;line-height:.9;padding-right:5px}.wrap__sdroomtype .box .detail .price .col1 span{display:block;font-size:1.8rem}.wrap__sdroomtype .box .detail .price .col2{font-size:3.6rem;line-height:.9;letter-spacing:-2px;font-weight:700}.wrap__sdroomtype .box .facilities{width:50%}.wrap__sdroomtype .box .facilities ul{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.wrap__sdroomtype .box .facilities ul li .icon{width:30px;height:30px;background-size:cover;display:block}.wrap__sdroomtype .box{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.wrap__sdroomtype .box,.wrap__sdroomtype .box .wrapbox,.wrap__sdroomtype .photo{-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;-ms-transition:1s;transition:1s}.wrap__sdroomtype .box .wrapbox{padding-right:60px}.wrap__sdroomtype .photo{height:21vw;position:relative;overflow:hidden}.wrap__sdroomtype .photo a{overflow:hidden;position:relative;display:block;height:100%}.wrap__sdroomtype .photo a:after{display:none}.sec__instargram .container_full .wrap .box a:hover::after,.wrap__sdroomtype .photo a:hover::after{-webkit-opacity:.4;-moz-opacity:.4;-khtml-opacity:.4;opacity:.4}.wrap__sdroomtype .box.setbox_1 .wrapbox{width:calc(100% + 60px);margin-left:-60px;padding-right:0}.wrap__sdroomtype .box.setbox_1 .photo{height:28vw}.wrap__sdroomtype .box.setbox_2 .wrapbox{padding-left:60px;padding-top:300px;padding-right:0}.wrap__sdroomtype .box.setbox_3 .wrapbox{padding-left:60px;padding-right:0}.wrap__maincontent{width:calc(33.33% - 20px);position:absolute;top:0;left:calc(33.33% + 40px);padding-left:60px;text-align:left;z-index:9}.wrap__maincontent .detail{margin-top:10px;font-size:2.8rem;padding-bottom:10px}.sec__adout-attractions .container_full{width:100%;margin:0}.sec__adout-attractions .container_full>div{width:50%;padding:60px;text-align:left}.sec__adout-attractions .container_full,.sec__adout-attractions .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.sec__adout-attractions .wrap h4{text-align:left;font-size:2rem}.sec__adout-attractions .wrap>div{width:50%}.sec__adout-attractions .wrap .detail{padding-right:30px}.sec__adout-attractions .wrap__about{position:relative}.sec__adout-attractions .wrap__about:before{position:absolute;content:"";height:0;width:5px;right:-3px;top:0;background-color:#000;-webkit-transition:1s .4s;-moz-transition:1s .4s;-o-transition:1s .4s;-ms-transition:1s .4s;transition:1s .4s}.sec__adout-attractions .wrap__attractions .wrap{padding-top:20px}.sec__adout-attractions .wrap__attractions h4{font-size:2.2rem;line-height:1;margin-bottom:10px;margin-top:20px}.sec__instargram{border-bottom:5px solid #000;background:0 0}.sec__instargram .container_full{width:100%;margin:0;border:5px solid #e37d4c;color:#fff;padding:30px 100px 60px}.sec__instargram .container_full .title-icon{width:35px;margin:20px auto 10px;text-align:center}.sec__instargram .container_full .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 0 30px}.sec__instargram .container_full .wrap .box{width:calc(16.66% - 3px)}.sec__instargram .container_full .wrap .box a{border:1px solid #fff;overflow:hidden;position:relative;display:block}.sec__instargram .container_full .wrap .box a:after,.wrap__sdroomtype .photo a:after{-webkit-opacity:0;-moz-opacity:0;-khtml-opacity:0;opacity:0;background-color:#000;position:absolute;content:"";height:100%;width:100%!important;left:0;top:0;z-index:0}.sec__instargram .container_full .wrap .box a:before{}.-submit button:hover div:before{-webkit-animation:1.4s shine;animation:1.4s shine}.detail p{margin-bottom:20px}.-submit button,.-submit button div:after{-webkit-transition:.6s;-moz-transition:.6s;-o-transition:.6s;-ms-transition:.6s;transition:.6s}.-submit button{border:0;font-size:3rem;line-height:1;font-family:DBEuroThaiX-Bold,sans-serif}.-submit button:hover div:after{left:-20px;-webkit-transition:.4s .6s;-moz-transition:.4s .6s;-o-transition:.4s .6s;-ms-transition:.4s .6s;transition:.4s .6s}.-submit button div:after{position:absolute;content:"";height:calc(100% + 20px);width:calc(100% + 100px);z-index:0;left:calc(-100% - 120px);top:-10px;-webkit-transform:skewX(-25deg);transform:skewX(-25deg);background:#fff;background:-webkit-gradient(linear,left top,right top,from(#fff),color-stop(80%,#fff),to(rgba(255,255,255,0)));background:linear-gradient(to right,#fff 0,#fff 80%,rgba(255,255,255,0) 100%)}.sec__roomtype .wrap__sdroomtype .facilities ul li .icon--4people{width:45px;background-image:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/images/icon--4people.svg);background-size:100%auto;background-repeat:no-repeat;background-position:center}.sec__roomtype .wrap__sdroomtype .facilities ul li .icon--2people,.sec__roomtype .wrap__sdroomtype .facilities ul li .icon--bed{width:30px;background-image:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/images/icon--2people.svg);background-size:100%auto;background-repeat:no-repeat;background-position:center}.sec__roomtype .wrap__sdroomtype .facilities ul li .icon--bed{background-image:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/images/icon--bed.svg)}@font-face{font-family:icomoon;src:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/fonts/icomoon/fonts/icomoon.eot?iacpdf);src:url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/fonts/icomoon/fonts/icomoon.eot?iacpdf#iefix)format("embedded-opentype"),url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/fonts/icomoon/fonts/icomoon.ttf?iacpdf)format("truetype"),url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/fonts/icomoon/fonts/icomoon.woff?iacpdf)format("woff"),url(https://www.bookabedposhtel.com/wp-content/themes/bookabedposhtel/fonts/icomoon/fonts/icomoon.svg?iacpdf#icomoon)format("svg");font-weight:400;font-style:normal;font-display:block}.home-video .slick-button{position:relative}.home-video .slick-button a{position:absolute;width:100%;height:100%;top:0;left:0;color:#fff}.home-video .slick-button a i{position:absolute;width:40px;height:40px;top:calc(50% - 20px);left:calc(50% - 20px);font-family:icomoon!important;font-size:30px;font-style:normal}.home-video .slick-button a i.play-video:before{content:""}.home-video .slick-button a.play-video:after,.home-video .slick-button a.play-video:before{display:none}#back-to-top .fa.fa-angle-up{font-family:icomoon!important;display:inline-block;font-size:20px!important;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg)}#back-to-top i.fa::before{font-family:icomoon!important;font-size:20px!important;margin-top:0}#back-to-top .fa-angle-up::before{content:""}.banner-home{border-top:6px solid #000;background:#000}.banner-home picture{display:flex}header .blogandsocial,header .logo{background-image:none;background-color:#fff}.sec__instargram,header .whybook{background-image:none;background-color:#e37d4c}.sec__instargram{background-color:#2b0d01}.sec__roomtype .wrap__maincontent::before{z-index:-1}@media screen and (max-width:1320px){header .logoandmenu{height:220px}header .logo{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}footer .col1{width:60%}footer .col1 .address>p{margin-bottom:0;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}footer .col1 .address>p.p2 span{display:block;width:calc(100% - 60px)}footer .col1 .address>p.p2 a{display:inline-block}}@media screen and (max-width:1200px){header .whybook{height:calc(100% - 579px)}footer{padding:30px 0}footer .col1{padding:30px 40px}.sec__roomtype .wrap__maincontent,.wrap__sdroomtype .box.setbox_2 .wrapbox,.wrap__sdroomtype .box.setbox_3 .wrapbox{padding-left:30px}.container{margin:0 30px;width:calc(100% - 60px)}.sec__adout-attractions .container_full>div{padding:30px}.sec__maincontenthome .col1{padding-left:30px;padding-right:30px}}@media screen and (max-width:1100px){.sec__roomtype .btn_arrow{top:200px}.reservation,header{position:relative}header .col1{width:100%;border-right:0}header .blogandsocial .blog,header .blogandsocial .social,header .col2{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}header .col2{position:absolute;left:0;top:calc(220px + 6px);width:100%;border-left:0 solid #000;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:6px solid #000}header .mainmenu{background-size:cover}header .whybook{height:auto;border-top:0;width:calc(25% - 3px)}header .blogandsocial{width:22%;border-right:6px solid #000;border-bottom:0}.reservation{width:calc(52% + 6px);margin-right:6px}.sec__reservation form{position:absolute;overflow:hidden;width:100%;top:58px;left:-6px;z-index:99;height:auto;background:#000;border:6px solid #000;max-height:0;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;-ms-transition:all .6s ease 0s;transition:all .6s ease 0s;border-bottom:0}.sec__reservation .ft_title{margin-bottom:0}.sec__reservation{height:auto;position:relative}header .blogandsocial .blog,header .blogandsocial .social{-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .blogandsocial .social{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sec__instargram .container_full{padding-bottom:30px}.sec__maincontenthome .col1{width:75%}.sec__maincontenthome .col2{width:25%}.sec__maincontenthome .col2 .col_photo{display:none}.sec__maincontenthome .col2 .col_slide{width:100%;border-left:0}.sec__roomtype .wrap__maincontent:before{left:20px;right:-10px}.sec__reservation .ft_title{cursor:pointer}}@media screen and (max-width:1024px){.wrap__sdroomtype .box .facilities{width:100%;margin-bottom:10px}.wrap__sdroomtype .box .facilities ul{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.sec__adout-attractions .wrap__about .wrap,.sec__adout-attractions .wrap__attractions .wrap,.wrap__sdroomtype .box .detail .priceandfac{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-flow:wrap-reverse;flex-flow:wrap-reverse}.wrap__sdroomtype .box .detail .price{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.wrap__sdroomtype .box .detail .price .col2{padding-right:5px}.sec__adout-attractions .wrap>div{width:100%}.sec__adout-attractions .wrap__about .wrap .photo,.sec__adout-attractions .wrap__attractions .wrap .photo{margin-bottom:20px}.wrap__maincontent .detail{font-size:2.2rem}.sec__adout-attractions .wrap .detail{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;padding-right:0}.sec__adout-attractions .wrap .detail h4{margin-top:10px}.sec__adout-attractions .wrap .detail .a-btnmore{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}}@media screen and (max-width:992px){footer .container{background-size:cover;background-position:center right}.sec__instargram .container_full,footer .col1{padding:30px}.sec__roomtype .btn_arrow{top:100px}}@media screen and (max-width:900px){footer{padding:30px 0}footer .container{background-size:auto 360px;background-position:center left}.sec__adout-attractions .wrap__about .wrap .photo img,.sec__adout-attractions .wrap__attractions .wrap .photo img,footer .col1{width:100%}footer .col1 .address>p.p2 span{display:inline-block;width:auto}.sec__instargram .container_full .wrap{padding-bottom:10px}.sec__instargram .container_full .title-icon{margin-top:0}.sec__instargram h3{margin-bottom:20px}.sec__adout-attractions .wrap__about .wrap{padding-bottom:10px}.sec__maincontenthome .col1{width:60%}.sec__maincontenthome .col2{width:40%}.sec__roomtype .wrap__maincontent{left:auto;right:0;width:50%}.wrap__sdroomtype{padding-left:0}.wrap__sdroomtype .box.setbox_1 .wrapbox{margin-left:0;width:100%}.wrap__sdroomtype .box .detail .price,header .col2{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.wrap__sdroomtype .box.setbox_1 .photo,.wrap__sdroomtype .photo{height:40vw}.wrap__sdroomtype .box .detail .priceandfac{-ms-flex-flow:wrap;flex-flow:wrap}.wrap__sdroomtype .box .detail .price,.wrap__sdroomtype .box .facilities{width:50%}.wrap__sdroomtype .box .facilities ul{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.sec__roomtype .btn_arrow,.sec__roomtype .btn_arrow:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"}.sec__roomtype .btn_arrow{-webkit-opacity:.4;-moz-opacity:.4;-khtml-opacity:.4;opacity:.4;top:235px}.sec__roomtype .btn_arrow:hover{-webkit-opacity:1;-moz-opacity:1;-khtml-opacity:1;opacity:1}.sec__roomtype{background:0 0;padding-bottom:20px}header .reservation{width:calc(78% - 236px);height:auto}.sec__reservation{height:100%}.sec__reservation .ft_title{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sec__reservation form{border-top:0;border-bottom:0}header .blogandsocial{background-size:cover}header .whybook{width:230px}header .blogandsocial .blog a{font-size:0;width:30px;display:block;height:30px;margin:auto;padding:0;background-position:center}}@media screen and (max-width:800px){.sec__roomtype{padding-top:60px}header .blogandsocial .blog,header .blogandsocial .social{width:auto;border:0;padding:0}header .blogandsocial{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}header .blogandsocial .blog a{background-position:center 5px}}@media screen and (max-width:768px){.sec__roomtype .wrap__maincontent{position:relative;top:auto;left:auto;right:auto;width:100%;padding:0;margin:0}.wrap__sdroomtype .box.setbox_2 .wrapbox,.wrap__sdroomtype .box.setbox_3 .wrapbox{padding-top:0!important;padding-left:0}.wrap__sdroomtype{position:relative;width:calc(100% + 30px);margin-left:-15px}.sec__roomtype .btn_arrow{display:none!important}.wrap__sdroomtype .box .wrapbox{padding:0 15px!important}.wrap__sdroomtype .box .detail .title{line-height:1}footer .col1 .address>p.p2 span{width:calc(100% - 60px)}}@media screen and (max-width:767px){header .col1{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.sec__maincontenthome .col2,header .col2,header .mainmenu{display:none}header .logoandmenu{width:160px;height:auto}header .logo{width:100%;padding:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}header .logo img{width:100px}header .mobile_wrap{width:calc(100% - 160px);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}header .mobile_wrap .ft_title{background-color:#000;height:auto}header .mobile_wrap .whybook{padding:20px 30px 20px 10px;width:250px;border-left:6px solid #000}header .mobile_wrap .blogandsocial{width:auto;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse;flex-flow:row-reverse;padding:0 10px}header .mobile_wrap .blogandsocial .blog{padding-left:10px;margin-right:5px}header .mobile_wrap .blogandsocial .blog a{font-size:2.2rem;width:auto;padding-left:30px;background-position:left 4px}header .mobile_wrap .btn-mobilemenu{cursor:pointer}header .mobile_wrap .btn-mobilemenu,header .mobile_wrap .btn-mobilemenu>.wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .mobile_wrap .btn-mobilemenu .ham{height:13px;width:20px;margin-right:10px;display:inline-block;position:relative}.box__mobilemenu .wrap:before,header .mobile_wrap .btn-mobilemenu .ham:before{position:absolute;content:"";height:1px;width:100%;left:0;top:0;background-color:#000}header .mobile_wrap .btn-mobilemenu .ham:after{position:absolute;content:"";height:1px;width:100%;left:0;bottom:0;background-color:#000}header .mobile_wrap .btn-mobilemenu .ham>span{width:100%;height:1px;background-color:#000;margin-top:6px;display:block}header .mobile_wrap .btn-mobilemenu span{font-size:2.2rem;font-family:"DBEuroThaiX-Bold",sans-serif}.sec__reservation{height:auto;width:100%;border-top:6px solid #000}header .reservation{width:100%;margin:0}.sec__reservation #reser_form{color:#fff}.box__mobilemenu,.box__mobilemenu .wrap{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.box__mobilemenu{position:absolute;top:0;left:0;right:0;bottom:0;z-index:999;background-color:#000}.box__mobilemenu .wrap{width:calc(100% - 40px);height:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap}.box__mobilemenu .wrap:before{height:0;width:3px;background-color:#fdb154}.box__mobilemenu .bg:before,.box__mobilemenu .wrap:after,.box__mobilemenu .wrap:before{-webkit-transition:all 1s ease .4s;-moz-transition:all 1s ease .4s;-o-transition:all 1s ease .4s;-ms-transition:all 1s ease .4s;transition:all 1s ease .4s}.box__mobilemenu .wrap:after{position:absolute;content:"";height:0;width:3px;right:0;bottom:0;background-color:#fdb154}.box__mobilemenu .bg{width:100%;position:absolute;left:0;top:20px;bottom:20px}.box__mobilemenu .bg:before{width:0;left:0;top:0}.box__mobilemenu .bg:after,.box__mobilemenu .bg:before,.box__mobilemenu .btn-close:before{position:absolute;content:"";height:3px;background-color:#fdb154}.box__mobilemenu .bg:after{width:0;right:0;bottom:0;-webkit-transition:all 1s ease .4s;-moz-transition:all 1s ease .4s;-o-transition:all 1s ease .4s;-ms-transition:all 1s ease .4s;transition:all 1s ease .4s}.box__mobilemenu ul li{margin:10px 0}.box__mobilemenu ul li a{font-size:2.6rem}.box__mobilemenu a:after,.box__mobilemenu a:before{width:0}.box__mobilemenu .btn-close{-webkit-transform:rotate(90deg);transform:rotate(45deg);position:absolute;top:30px;right:30px;z-index:999;height:30px;width:30px}.box__mobilemenu .btn-close:before{width:100%;left:0;top:calc(50% - 2px)}.box__mobilemenu .btn-close:after{position:absolute;content:"";height:100%;width:3px;left:calc(50% - 2px);top:0;background-color:#fdb154}}@media screen and (max-width:680px){.sec__maincontenthome .col1{width:100%;border:0;border-bottom:6px solid #000}.sec__maincontenthome .col2{width:100%}.sec__maincontenthome .col2 .col_photo{display:block;width:50%;border-right:6px solid #000}.sec__maincontenthome .col2 .col_slide{width:50%}.sec__instargram .container_full .wrap .box{width:calc(33.33% - 3px);margin-bottom:5px}.sec__adout-attractions .container_full>div{padding-bottom:40px}header .mobile_wrap .whybook{padding:15px 0;width:220px}header .mobile_wrap .whybook a:before{width:0}header .logo{padding:0 20px}}@media screen and (max-width:650px){header .mobile_wrap .whybook{width:200px}}@media screen and (max-width:630px){header .logoandmenu{width:120px}header .mobile_wrap{width:calc(100% - 120px)}}@media screen and (max-width:600px){header .logoandmenu{width:100%}header .logo{border-right:0;border-bottom:6px solid #000}header .mobile_wrap{width:100%}}@media screen and (max-width:580px){.container{margin:0 20px;width:calc(100% - 40px)}footer{padding:20px 0}footer .col1{padding:30px 20px}.sec__adout-attractions .container_full>div{width:100%;padding:30px 20px}.sec__adout-attractions .wrap__about:before{width:0}.sec__adout-attractions .wrap__about{border-bottom:6px solid #000}h3{margin-bottom:20px}.wrap__sdroomtype .box.setbox_1 .photo,.wrap__sdroomtype .photo{height:80vw}.sec__maincontenthome .col2 .col_photo{display:none}.sec__maincontenthome .col2 .col_slide{width:100%;padding:40px 20px 65px}.sec__roomtype{padding:40px 0 20px}.sec__maincontenthome .col1{padding:40px 20px}footer .col1 .address .icon{display:inline-block}}@media screen and (max-width:480px){header .mobile_wrap .blogandsocial{width:50%}header .mobile_wrap .whybook{width:100%;border:6px solid #000;border-width:6px 0 0}header .mobile_wrap .blogandsocial{padding:10px 0}header .mobile_wrap .whybook{padding:10px 0;background-size:130%auto}header .mobile_wrap .btn-mobilemenu{width:50%;border-right:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}header .mobile_wrap .btn-mobilemenu:before{position:absolute;content:"";height:100%;right:-3px;top:0;background-color:#000;width:0}#popupwhybook>.wrapbox .detail .icon img{width:50px}#popupwhybook>.wrapbox .detail .box{padding:20px 10px 15px;line-height:1}}@media screen and (max-width:375px){html{font-size:55%}footer .container{background:#000}footer .col1 .address>p.p3 span{width:calc(100% - 60px)}.sec__instargram h3{font-size:3.2rem}.sec__instargram .container_full .wrap{padding-bottom:0}header .mobile_wrap .blogandsocial{width:60%}header .mobile_wrap .btn-mobilemenu{width:40%}header .logo{padding:10px}header .logo img{width:80px}#popupwhybook{width:calc(100% - 40px)}#popupwhybook>.wrapbox .detail .icon img{width:35px}#popupwhybook>.wrapbox .title{text-align:left}}@media screen and (max-width:320px){.container{margin:0 10px;width:calc(100% - 20px)}footer{padding:10px 0}.sec__adout-attractions .container_full>div{padding:30px 10px}.sec__instargram .container_full,.sec__reservation #reser_form{padding:20px}.sec__maincontenthome .col2 .col_slide{padding:40px 10px 65px}.sec__maincontenthome .col1{padding:40px 10px}}footer .container{background-image:none!important;background-color:#000}footer .col1{width:100%;text-align:center}footer .col1 .address p{justify-content:center}footer .col1 .address>p.p2 span{width:inherit!important}a:after,a:before{background-color:#fdb15400}.aniset{opacity:1}.arrow-room{display:none}@media screen and (max-width:1024px){header .col2{min-height:inherit}}