@media screen and (-webkit-min-device-pixel-ratio:0){select{font-family:cursive;}
}
*{box-sizing:border-box;margin:0;}
h1, p, h2, h3, h4, ul, li, div{margin:0;padding:0;}
h5{font-family: 'Cormorant Infant', serif;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
#home{background-image:url(../images/bg-home.jpg);background-repeat:no-repeat;background-size:100% 100%;background-position:center center;display:table;height:100vh;width:100%;}
.bgbody{background:linear-gradient(#ffffff, #C2C589);height:700px;position:fixed;}
#body-per-page{font-family: 'Libre Franklin', sans-serif;line-height:1.15;padding:0;overflow:hidden;}
@media (max-width:480px){#body-per-page{display:block;height:100vh;padding:0;overflow:scroll;}
}
.loading-page{background:linear-gradient(#ffffff, #C2C589);width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.loading-page .counter{text-align:center;background-image:url('../images/bg-loading.png');background-size:100%;background-repeat:no-repeat;-webkit-animation:bgMoveLoad 4900ms linear 0s;animation:bgMoveLoad 4900ms linear 0s;}
@keyframes bgMoveLoad{from{background-position:left -250px top 0px;}
to{background-position:left 0px top 0px;}
}
.loading-page .counter hr{background:#787A36;border:none;border-radius:2px;height:7px;margin-top:30px;}
.loading-page .counter{position:relative;width:230px;height:100px;}
.loading-page .counter h1.abs{position:absolute;top:0;width:100%;}
.loading-page .counter .color{width:0px;overflow:hidden;color:#f60d54;}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}
}
@keyframes spin{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
.modal-body label{color:#BC822E;font-size:16px;}
.ty-avaibility{text-align:center;padding-top:150px;}
.ty-avaibility h1{font-family: 'Herr Von Muellerhoff', cursive;padding-bottom:10px;font-size:5em;color:#BC822E;}
.ty-avaibility p{font-family: 'Libre Franklin', sans-serif;padding-bottom:10px;font-size:1.5em;color:#BC822E;}
.ty-avaibility span{font-size:1.5em;color:#BC822E;}
.animate-bottom{position:relative;-webkit-animation-name:animatebottom;-webkit-animation-duration:1s;animation-name:animatebottom;animation-duration:1s}
@-webkit-keyframes animatebottom{from{bottom:-100px;opacity:0}
to{bottom:0px;opacity:1}
}
@keyframes animatebottom{from{bottom:-100px;opacity:0}
to{bottom:0;opacity:1}
}
.animation-logo img{-webkit-animation:mymove 5s;-webkit-animation-fill-mode:forwards;animation:mymove 5s;animation-fill-mode:forwards;width:40%;}
.animation-logo-1 img{-webkit-animation:movelogo1 5s;-webkit-animation-fill-mode:forwards;animation:movelogo1 5s;animation-fill-mode:forwards;position:fixed;top:20px;right:-250px;opacity:0.5;}
.animation-logo-2 img{-webkit-animation:movelogo2 5s;-webkit-animation-fill-mode:forwards;animation:movelogo2 5s;animation-fill-mode:forwards;position:fixed;bottom:-40px;left:-250px;opacity:0.5;}
@media (max-width:430px){.animation-logo img{-webkit-animation:mymove 5s;-webkit-animation-fill-mode:forwards;animation:mymove 5s;animation-fill-mode:forwards;width:60%;}
.animation-logo-1 img{-webkit-animation:movemlogo1 5s;-webkit-animation-fill-mode:forwards;animation:movemlogo1 5s;animation-fill-mode:forwards;position:fixed;top:100px;right:-130px;opacity:0.5;}
.animation-logo-2 img{-webkit-animation:movemlogo2 5s;-webkit-animation-fill-mode:forwards;animation:movemlogo2 5s;animation-fill-mode:forwards;position:fixed;bottom:90px;left:-130px;opacity:0.5;}
}
@keyframes mymove{from{opacity:0;}
to{opacity:1;}
}
@keyframes movelogo1{from{width:0;}
to{;width:55%;}
}
@keyframes movelogo2{from{width:0;}
to{;width:55%;}
}
@keyframes movemlogo1{from{width:0;}
to{;width:80%;}
}
@keyframes movemlogo2{from{width:0;}
to{;width:80%;}
}
#myDiv{display:none;}
#myDiv .animation-logo{display:table-cell;text-align:center;vertical-align:middle;}
.page-row{padding-right:50px;}
.btn-close button{padding:20px;float:left;color:white;margin-left:20px;}
.button-close{background:none;border:none;font-weight:bold;font-size:20px;}
.button-menu button{float:left;color:#787A36;font-weight:bold;z-index:3;position:fixed;}
.menu{padding-top:130px;margin-left:50px;text-align:left;color:white;font-size:1em;}
.menu li{padding-top:20px;}
.menu a{color:#fff;font-family: 'Libre Franklin', sans-serif;}
.menu a:hover{text-decoration:none;color:#fff;}
.menu a:hover hr{width:55%;left:0;}
.menu hr{border:0;border-top:1px solid #fff;width:0;margin:5px 0 0 0;color:#fff;transition:width 0.5s ease-out;-webkit-transition:width 0.5s ease-out;}
.scroll-content{max-height:150px;overflow-y:auto;padding-right:15px;}
.scroll-content::-webkit-scrollbar{width:5px;height:5px;}
.scroll-content::-webkit-scrollbar-track{background-color:rgba(0, 0, 0, .1);border-radius:2px}
.scroll-content::-webkit-scrollbar-thumb:hover{background-color:rgba(0, 0, 0, .6)}
.scroll-content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(255, 128, 20, 0.64);transition:all 400ms ease-in-out;}
.scroll-content-about{max-height:270px;overflow-y:auto;margin:0px 0px 0px 0px;}
.scroll-content-about::-webkit-scrollbar{width:5px;height:5px;}
.scroll-content-about::-webkit-scrollbar-track{background-color:rgba(0, 0, 0, .1);border-radius:2px}
.scroll-content-about::-webkit-scrollbar-thumb:hover{background-color:rgba(0, 0, 0, .6)}
.scroll-content-about::-webkit-scrollbar-thumb{border-radius:2px;background-color:#BC822E;opacity:0.5;transition:all 400ms ease-in-out;}
.social-media{padding-top:75px;text-align:left;margin-left:50px;color:white;}
.title-head{text-align:center;padding-top:45px;}
.title-head-contact{text-align:center;}
.sub-title{color:#BC822E;}
.title-garis{width:13%;position:relative;margin-top:-70px;z-index:-1;}
.title-garis-2{width:180px;position:relative;margin-top:-70px;z-index:0;}
@media (min-width:480px){.scroll-content-about{max-height:270px;overflow-y:auto;margin:0px 0px 0px 0px;}
.scroll-content{max-height:150px;overflow-y:auto;padding-right:15px;font-size:14px;}
}
@media (min-width:768px){.scroll-content-about{max-height:270px;overflow-y:auto;margin:0px 100px 0px 100px;}
}
@media (min-width:992px){.scroll-content-about{max-height:270px;overflow-y:auto;margin:0px 150px 0px 150px;}
}
@media (min-width:1200px){.scroll-content-about{max-height:270px;overflow-y:auto;margin:0px 300px 0px 300px;}
}
@media (min-width:1920px){.scroll-content-about{max-height:270px;overflow-y:auto;margin:0px 400px 0px 400px;}.title-head{text-align:center;padding-top:100px;}
}
#tes-room{background-image:url('../images/bg-room.jpg');background-repeat:no-repeat;background-size:100% 100%;display:block;height:100vh;width:100%;}
#tes-room h1{margin-top:15px;}
#tes-event{background-image:url('../images/bg-room.jpg');background-repeat:no-repeat;background-size:100% 100%;height:100vh;max-block-size:-webkit-fill-available;}
#tes-event h1{margin-top:15px;}
#tes-event h5{color:#bc822e;}
.room-carousel{margin-top:-50px;margin-bottom:0px;-webkit-animation:cropacity 10s;-webkit-animation-fill-mode:forwards;animation:cropacity 10s;animation-fill-mode:forwards;}
.event-carousel{margin-top:-25px;margin-bottom:50px;background-color:#FCF9E3;height:450px;-webkit-animation:cropacity 5s;-webkit-animation-fill-mode:forwards;animation:cropacity 5s;animation-fill-mode:forwards;}
@keyframes cropacity{from{opacity:0;}
to{opacity:1;}
}
@media (max-width:1024px){.title-head{text-align:center;padding-top:100px;}.room-carousel{margin-top:-25px;margin-bottom:0px;-webkit-animation:cropacity 10s;-webkit-animation-fill-mode:forwards;animation:cropacity 10s;animation-fill-mode:forwards;}.event-carousel{margin-top:-80px;margin-bottom:50px;background-color:transparent;height:auto;-webkit-animation:cropacity 5s;-webkit-animation-fill-mode:forwards;animation:cropacity 5s;animation-fill-mode:forwards;}}
@media (max-width:430px){.title-head{text-align:center;padding-top:20px;}.event-carousel{background-color:transparent;}
.room-carousel{margin-top:-110px;margin-bottom:0px;}
}
#our-room{background-position:100% 0;background-image:url('../images/bg-room.jpg');background-repeat:no-repeat;background-size:100% 100%;background-attachment:fixed;box-sizing:border-box;padding-top:50%;}
#room-detail {
    background-image: url('../images/bg-room.jpg');
    background-size: 100% 100%;
    background-attachment: fixed;
    height: 100vh;
    }
#room-detail h1{color:#bc822e;padding-top:100px;}
.colom-right{padding-right:200px;padding-left:50px;}
.colom-left{padding-left:200px;padding-right:50px;}
@media (max-width:1366px){ .colom-right{padding-right:100px;padding-left:25px;}
.colom-left{padding-left:100px;padding-right:25px;}}
@media (max-width:576px){#room-detail{position:absolute;margin:0px 0px;background:linear-gradient(#ffffff, #C2C589);bottom:0;top:0;}
#room-detail h1{padding-top:0px;font-size:35px;}
.rm-detail{display:none;}
#room-detail .col-md-6{padding:10px;}
.event-carousel {
    height: 100vh;
}
}
.room{position:absolute;margin-top:50px;}
@media (min-width:481px){#contact{background-image:url('../images/bg-contact.jpg');background-repeat:no-repeat;background-size:100% 100%;max-block-size:-webkit-fill-available;height:100vh;width:100%;}
}
.contact-left{font-size:15px;border-right:1px solid #FFA500;height:420px;padding:15px;}
.contact-left h1{margin-top:140px;font-size:80px;color:#BC822E;}
.contact-left label{font-family: 'Cormorant Infant', serif;;font-size:15px;color:#BC822E;}
.contact-right{font-size:13px;margin-left:20px;margin-bottom:20px;}
.contact-right h4{font-size:1.5rem;color:#BC822E;font-family: 'Cormorant Infant', serif;}
.contact-right p{margin-bottom:30px;font-family: 'Libre Franklin', sans-serif;;line-height:1.25rem;}
.contact-right img{margin-right:10px;}
.title{font-family: 'Herr Von Muellerhoff', cursive;padding-bottom:10px;font-size:3em;}
input[type=text], select, textarea{width:100%;padding:0px;border:1px solid #FFA500;box-sizing:border-box;margin-top:6px;margin-bottom:16px;resize:vertical;background:transparent;border-width:0 0 1px 0;background-color:transparent;background-image:none;color:#BC822E;}
input[type=submit]{background-color:#FFA500;float:right;color:white;padding:10px 40px;border:none;cursor:pointer;margin-top:10px;}
input[type=submit]:hover{background-color:#FFA555;}
.multi-item-carousel .carousel-inner > .item{-webkit-transition:500ms ease-in-out left;transition:500ms ease-in-out left;}
.multi-item-carousel .carousel-inner .active.left{left:-33%;}
.multi-item-carousel .carousel-inner .active.right{left:33%;}
.multi-item-carousel .carousel-inner .next{left:33%;}
.multi-item-carousel .carousel-inner .prev{left:-33%;}
.left span{font-size:1.5em;margin-top:200%;float:right;}
.right span{font-size:1.5em;margin-top:200%;float:left;}
@media all and (transform-3d), (-webkit-transform-3d){.multi-item-carousel .carousel-inner > .item{-webkit-transition:500ms ease-in-out left;transition:500ms ease-in-out left;-webkit-transition:500ms ease-in-out all;transition:500ms ease-in-out all;-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-transform:none!important;transform:none!important;}
}
.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right{background-image:none;}
#masterhead{padding-top:20px;padding-bottom:124px;margin-bottom:-52px;z-index:1;}
@media (max-width:576px){.img-carousel-about{max-width:540px;height:300px;}
#masterhead{padding-top:55px;padding-bottom:0px;margin-bottom:0px;z-index:1;}
}
.slideshow-about{width:60%;position:relative;display:inline-table;}
@media (min-width:480px){.img-carousel-about{max-width:540px;}
.slideshow-about{width:80%;position:relative;display:inline-table;}
}
@media (min-width:768px){.img-carousel-about{max-width:720px;}
.slideshow-about{width:65%;position:relative;display:inline-table;}
}
@media (min-width:992px){.img-carousel-about{max-width:960px;}
.slideshow-about{width:55%;position:relative;display:inline-table;}
}
@media (min-width:1200px){.img-carousel-about{max-width:550px;}
.slideshow-about{width:45%;position:relative;display:inline-table;}
}
@media (min-width:1920px){.img-carousel-about{max-width:550px;}
.slideshow-about{width:40%;position:relative;display:inline-table;}
}
.carousel{position:relative;height:45%;}
.carousel-inner-detail{position:relative;overflow:hidden;}
.carousel-inner-detail > .item{position:relative;display:none;height:100px;background-color:#777;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left;}
@media (max-width:480px){.carousel-inner-detail > .item{position:relative;display:none;height:250px;background-color:#777;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left;}
}
.carousel-inner-detail > .item > img,
.carousel-inner-detail > .item > a > img{line-height:1;position:absolute;top:0;left:0;width:100%;height:100%;}
.carousel-inner-detail > .active,
.carousel-inner-detail > .next,
.carousel-inner-detail > .prev{display:block;}
.carousel-inner-detail > .active{left:0;}
.carousel-inner-detail > .next,
.carousel-inner-detail > .prev{position:absolute;top:0;width:100%;}
.carousel-inner-detail > .next{left:100%;}
.carousel-inner-detail > .prev{left:-100%;}
.carousel-inner-detail > .next.left,
.carousel-inner-detail > .prev.right{left:0;}
.carousel-inner-detail > .active.left{left:-100%;}
.carousel-inner-detail > .active.right{left:100%;}
.carousel-inner-about{position:relative;overflow:hidden;}
.carousel-inner-about > .item{position:relative;display:none;height:350px;background-color:#777;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left;}
@media (max-width:768px){.carousel-inner-about > .item{position:relative;display:none;height:250px;background-color:#777;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left;}
}
@media (max-width:480px){.carousel-inner-about > .item{position:relative;display:none;height:125px;background-color:#777;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left;}
}
.carousel-inner-about > .item > img,
.carousel-inner-about > .item > a > img{line-height:1;position:absolute;top:0;left:0;width:100%;}
.carousel-inner-about > .active,
.carousel-inner-about > .next,
.carousel-inner-about > .prev{display:block;}
.carousel-inner-about > .active{left:0;}
.carousel-inner-about > .next,
.carousel-inner-about > .prev{position:absolute;top:0;width:100%;}
.carousel-inner-about > .next{left:100%;}
.carousel-inner-about > .prev{left:-100%;}
.carousel-inner-about > .next.left,
.carousel-inner-about > .prev.right{left:0;}
.carousel-inner-about > .active.left{left:-100%;}
.carousel-inner-about > .active.right{left:100%;}
.controlsBlock{position:relative;bottom:0;left:0;top:15px;display:block;width:150px;margin:0 auto;z-index:1;height:24px;text-align:center;}
.controls{display:block;}
.carousel-control{position:absolute;top:25.5px;bottom:0;left:0;background:#000000;font-size:5px;background:none !important;color:#BC822E !important;text-align:center;}
.carousel-control i{font-size:20px;}
.carousel-control.left{left:0;}
.carousel-control.right{right:0;}
.carousel-control:hover,
.carousel-control:focus{color:#000;}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right{position:absolute;z-index:5;display:inline-block;}
.carousel-control .glyphicon-chevron-left{left:0;}
.carousel-control .glyphicon-chevron-right{right:0;}
.carousel-indicators{position:relative;bottom:0;left:50%;z-index:15;width:60%;top:0px;padding-left:0;margin-left:-30%;text-align:center;list-style:none;}
.carousel-indicators li{display:inline-block;zoom:1;width:10px;height:10px;margin:0 2px;background:transparent;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:3px solid transparent;-webkit-box-shadow:rgba(0,0,0,0.5) 0 0 2px;-moz-box-shadow:rgba(0,0,0,0.5) 0 0 2px;box-shadow:rgba(0,0,0,0.5) 0 0 2px;cursor:pointer;}
.carousel-indicators .active{width:10px;height:10px;margin:0;background-color:#DAA520;}
.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0, 0, 0, .6);}
.carousel-caption .btn{text-shadow:none;}
@media screen and (min-width:480px){.carousel{height:250px;}
.carousel-inner-detail > .item{height:250px;}
.carousel-inner-detail > .item > img,
.carousel-inner-detail > .item > a > img{height:100%;}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next{font-size:15px;}
.carousel-caption{right:20%;left:20%;padding-bottom:30px;}
.carousel-indicators{bottom:.0;}
}
@media screen and (min-width:768px){.carousel{height:250px;}
.carousel-inner-detail > .item{height:250px;}
.carousel-inner-detail > .item > img,
.carousel-inner-detail > .item > a > img{height:100%;}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next{font-size:15px;}
.carousel-caption{right:20%;left:20%;padding-bottom:30px;}
.carousel-indicators{bottom:.0;}
}
@media screen and (min-width:1024px){.carousel{height:250px;}
.carousel-inner-detail > .item{height:250px;}
.carousel-inner-detail > .item > img,
.carousel-inner-detail > .item > a > img{height:100%;}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next{font-size:15px;}
.carousel-caption{right:20%;left:20%;padding-bottom:30px;}
.carousel-indicators{bottom:.0;}
#room-detail h1{padding-top:50px;}
}
@media screen and (min-width:1366px){.carousel{height:350px;}
.carousel-inner-detail > .item{height:350px;}
.carousel-inner-detail > .item > img,
.carousel-inner-detail > .item > a > img{height:100%;}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next{font-size:15px;}
.carousel-caption{right:20%;left:20%;padding-bottom:30px;}
.carousel-indicators{bottom:.0;}
#room-detail h1{padding-top:80px;}
}
@media screen and (min-width:1919px){.carousel{height:400px;}
.carousel-inner-detail > .item{height:400px;}
.carousel-inner-detail > .item > img,
.carousel-inner-detail > .item > a > img{height:100%;}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next{font-size:15px;}
.carousel-caption{right:20%;left:20%;padding-bottom:30px;}
.carousel-indicators{bottom:.0;}
}
h1{color:white;font-size:2.25em;text-align:center;margin-top:1em;margin-bottom:2em;}
.bg-event{background-color:#FCF9E3;height:520px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.5);}
.bg-carousel-event{position:relative;z-index:1;}
.img-event{padding:5px;height:100%;}
#events{position:absolute;margin-top:60px;}
#events p{font-size:15px;}
#events h5{color:#BC822E;}
#events-detail{position:absolute;margin:100px 50px;}
#events-detail h1{color:#BC822E;padding-top:100px;}
.border-image-room{border:3px solid #fff;padding:3px;}
.img-room{position:relative;width:100%;max-width:100%;}
.img-atribut-room img{position:absolute;bottom:90px;left:-120px;-webkit-animation:moveAtribut 5s;-webkit-animation-fill-mode:forwards;animation:moveAtribut 5s;animation-fill-mode:forwards;}
@keyframes moveAtribut{from{width:0%;}
to{width:55%;}
}
.img-atribut-room-1 img{position:absolute;bottom:90px;left:-120px;}
.img-atribut-room-2 img{position:absolute;bottom:-180px;left:820px;z-index:1;}
.img-atribut-room-3 img{position:absolute;top:-260px;right:850px;z-index:1;}
.img-atribut-event-1 img{position:absolute;top:-250px;right:830px;z-index:0;-webkit-animation:moveatribut11 5s;-webkit-animation-fill-mode:forwards;animation:moveatribut11 5s;animation-fill-mode:forwards;}
.img-atribut-event-2 img{position:fixed;bottom:-180px;left:820px;z-index:0;-webkit-animation:moveatribut22 5s;-webkit-animation-fill-mode:forwards;animation:moveatribut22 5s;animation-fill-mode:forwards;}
.modal-bg{background-color:#FCF9E3;}
.modal-jarak{padding:0 150px;}
@media (max-width:1361px){.img-atribut-event-1 img{position:fixed;top:-200px;right:500px;z-index:1;-webkit-animation:moveatribut11 5s;-webkit-animation-fill-mode:forwards;animation:moveatribut11 5s;animation-fill-mode:forwards;}
.img-atribut-event-2 img{position:fixed;bottom:-150px;left:500px;z-index:1;-webkit-animation:moveatribut22 5s;-webkit-animation-fill-mode:forwards;animation:moveatribut22 5s;animation-fill-mode:forwards;}
.modal-bg{background-color:#FCF9E3;}
.modal-jarak{padding:0 60px;}
}
@media (max-width:576px){.img-atribut-room img{position:absolute;bottom:20px;left:-130px;-webkit-animation:moveatribut33 5s;-webkit-animation-fill-mode:forwards;animation:moveatribut33 5s;animation-fill-mode:forwards;}
.img-atribut-event-2 img{position:absolute;bottom:-180px;left:820px;z-index:1;-webkit-animation:moveatribut22 5s;-webkit-animation-fill-mode:forwards;animation:moveatribut22 5s;animation-fill-mode:forwards;display:none;}
}
@keyframes moveatribut11{from{width:0%;}
to{width:50%;}
}
@keyframes moveatribut22{from{width:0%;}
to{width:50%;}
}
@keyframes moveatribut33{from{width:0%;}
to{width:120%;}
}
#carousel-detail{-webkit-animation:aboutCr 5s;-webkit-animation-fill-mode:forwards;animation:aboutCr 5s;animation-fill-mode:forwards;}
#carousel-about{padding-top:20px;-webkit-animation:aboutCr 5s;-webkit-animation-fill-mode:forwards;animation:aboutCr 5s;animation-fill-mode:forwards;}
@keyframes aboutCr{from{opacity:0;}
to{opacity:1;}
}
#theCarousel{-webkit-animation:roomCr 5s;-webkit-animation-fill-mode:forwards;animation:roomCr 5s;animation-fill-mode:forwards;}
@keyframes roomCr{from{opacity:0;}
to{opacity:1;}
}
.logo-about{padding-right:0px;padding-top:50px;}
@media (max-width:480px){#contact{background-image:url('../images/bg-contact.jpg');background-repeat:no-repeat;background-size:100% 100%;block-size:auto;}
.img-atribut-event-1 img{position:absolute;top:-250px;right:830px;z-index:1;-webkit-animation:moveatribut11 5s;-webkit-animation-fill-mode:forwards;animation:moveatribut11 5s;animation-fill-mode:forwards;display:none;}
.img-atribut-event-2 img{position:absolute;bottom:-180px;left:820px;z-index:1;-webkit-animation:moveatribut22 5s;-webkit-animation-fill-mode:forwards;animation:moveatribut22 5s;animation-fill-mode:forwards;display:none;}
.logo-about{padding-right:0px;padding-top:50px;}
}
.img-atribut-about img{position:absolute;width:50%;}
.img-about-atribut-1{position:absolute;width:55%;bottom:-700px;left:-350px;z-index:1;}
.img-about-atribut-2{position:absolute;width:55%;bottom:-850px;right:-350px;z-index:1;}
.overlay{position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;width:100%;transition:.5s ease;background-image:url('../img/go_inside_1.png');background-repeat:no-repeat;background-size:100%;}
.overlay img{width:50%;margin-top:40%;}
.img-room:hover .overlay{opacity:1;}
.text{color:white;font-size:15px;position:absolute;border:1px solid #fff;padding:2px 20px;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);}
.img-border-double{margin:5px;border:2px solid #787A50;outline:3px solid #787A50;outline-offset:5px;height:auto;}
@media (max-width:480px){#carousel-about{padding-top:20px;-webkit-animation:aboutCr 3s;-webkit-animation-fill-mode:forwards;animation:aboutCr 3s;animation-fill-mode:forwards;}
.img-about-atribut-1{position:absolute;width:55%;bottom:-700px;left:-350px;z-index:1;display:none;}
.img-about-atribut-2{position:absolute;width:55%;bottom:-850px;right:-350px;z-index:1;display:none;}
.img-border-double{margin:5px;border:2px solid #787A50;outline:3px solid #787A50;outline-offset:5px;height:auto;}
}
.footer-home{left:0;bottom:0px;padding:20px;width:100%;color:black;text-align:right;position:fixed;}
.footer{padding-right:20px;padding-bottom:20px;bottom:0px;width:100%;color:black;text-align:right;position:fixed;}
.footer p{font-size:10px;color:#BC822E;padding-right:20px;}
@media (max-width:480px){.footer{left:0;bottom:0px;padding:20px;width:100%;color:black;text-align:center;position:relative;}
.footer p{font-size:12px;color:#BC822E;padding-right:0;}
.footer-home{left:0;bottom:0px;padding:20px;width:100%;color:black;text-align:center;position:fixed;}
}
#about-head{background-image:url('../images/home-bg1.png'),url('../images/home-bg2.png');background-repeat:no-repeat,no-repeat;background-position:right -250px top 60px, left -250px bottom -80px;-webkit-animation:bgMove 5s;-webkit-animation-fill-mode:forwards;animation:bgMove 5s;animation-fill-mode:forwards;height:550px;}
@keyframes bgMove{from{background-size:0px, 0px;}
to{background-size:50%, 50%;}
}
@media (min-width:1024px){
#about-head {
    height: 700px;
}
}
#about{background-image:url('../images/bg-home.jpg');background-repeat:no-repeat;background-size:100% 100%;height:100%;box-sizing:border-box;font-family: 'Libre Franklin', sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent;overflow-y:scroll;overflow-x:hidden;background-attachment:fixed;}
@media (max-width:480px){#about{background:linear-gradient(#ffffff, #C2C589);font-family: 'Libre Franklin', sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent;overflow-y:scroll;overflow-x:hidden;background-attachment:fixed;}
}
#bodyPage{box-sizing:border-box;font-family: 'Libre Franklin', sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent;}
#about-body p{line-height:23px;padding:0px 20px 0px 0px;font-size:15px;}
.bg-about-body{background-color:#FCF9E3;box-shadow:10px 10px 10px 10px rgba(0,0,0,0.5);padding:100px 0px 0px 0px;height:500px;position:relative;z-index:0;}
.bg-about-foot{background-image:url('../images/bg-footer.png');background-size:100% 100%;background-color:#FCF9E3;padding:130px 0px 20px 0px;position:relative;}
.bg-about-foot h5{color:#787A36;font-family: 'Cormorant Infant', serif;}
.sosmed-logo-foot img{width:15%;}
.foot-par p{color:#BC822E;font-size:10px;}
.foot-par a{color:#000;}
.foot-par a:hover{color:#000;}
.foot-par hr{background:#BC822E;height:0.5px;}
.avaibility-check input{padding:5px 0px;margin-top:10px;width:210px;}
.our-room-footer a{color:#6A4849;text-decoration:none;font-size:15px;}
.our-room-footer a:hover{color:#BC822E;}
@media (max-width:480px){.avaibility-check input{padding:5px 0px;margin-top:10px;width:210px;}
}
@media (max-width:480px){#about-head{background-image:url('..'),url('..');background-repeat:no-repeat,no-repeat;background-position:right -250px top 60px, left -250px bottom -80px;-webkit-animation:bgMove 5s;-webkit-animation-fill-mode:forwards;animation:bgMove 5s;animation-fill-mode:forwards;height:60vh;}
#about-body p{line-height:23px;padding:0px 0px 0px 0px;font-size:15px;}
.bg-about-foot{background-image:url('../images/bg-footer.png');background-size:100% 25%;background-color:#FCF9E3;background-repeat:no-repeat;padding:80px 0px 20px 0px;text-align:center;margin-top:-1px;}
.sosmed-logo-foot img{width:12%;}
.bg-about-foot h5{color:#787A36;font-family: 'Cormorant Infant', serif;;padding-top:10px;}
.avaibility-check input{padding:5px 0px;margin-top:10px;width:250px;}
}
.btn-room{color:#000;background-color:#fff;display:inline-block;padding:0px;width:100%;margin-bottom:0;margin-top:10px;font-size:30px;font-weight:normal;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:none;font-family: 'Herr Von Muellerhoff', cursive;}
.btn-room:hover{color:#BC822E;background-color:#fff;text-decoration:none;font-family: 'Herr Von Muellerhoff', cursive;}
.navbar-toggle .icon-bar{background:#787A36;width:27px;height:5px;}
@media (min-width:1920px){.animation-logo-1 img{-webkit-animation:movelogo1 5s;-webkit-animation-fill-mode:forwards;animation:movelogo1 5s;animation-fill-mode:forwards;position:fixed;top:20px;right:-250px;opacity:0.5;}
.animation-logo-2 img{-webkit-animation:movelogo2 5s;-webkit-animation-fill-mode:forwards;animation:movelogo2 5s;animation-fill-mode:forwards;position:fixed;bottom:-40px;left:-250px;opacity:0.5;}
#tes-room{background-image:url('../images/bg-room.jpg');background-repeat:no-repeat;background-size:100% 100%;height:1080px;max-block-size:-webkit-fill-available;}
.img-atribut-room img{position:absolute;bottom:250px;left:-140px;-webkit-animation:moveAtribut 5s;-webkit-animation-fill-mode:forwards;animation:moveAtribut 5s;animation-fill-mode:forwards;}
#tes-event{background-image:url('../images/bg-room.jpg');background-repeat:no-repeat;background-size:100% 100%;height:1080px;max-block-size:-webkit-fill-available;}
.img-atribut-event-1 img{position:absolute;top:-250px;right:1100px;z-index:1;-webkit-animation:moveatribut11 5s;-webkit-animation-fill-mode:forwards;animation:moveatribut11 5s;animation-fill-mode:forwards;}
.img-atribut-event-2 img{position:absolute;bottom:-180px;left:1100px;z-index:1;-webkit-animation:moveatribut22 5s;-webkit-animation-fill-mode:forwards;animation:moveatribut22 5s;animation-fill-mode:forwards;}
.event-carousel{margin-top:-25px;margin-bottom:50px;background-color:#FCF9E3;height:550px;}
#contact{background-image:url('../images/bg-contact.jpg');background-repeat:no-repeat;background-size:100% 100%;max-block-size:-webkit-fill-available;height:100vh;}
.title{font-family: 'Herr Von Muellerhoff', cursive;padding-bottom:10px;font-size:5em;}
.footer p{font-size:15px;color:#BC822E;padding-right:20px;}
.bg-about-body{background-color:#FCF9E3;box-shadow:10px 10px 10px 10px rgba(0,0,0,0.5);padding:100px 0px 0px 0px;height:600px;position:relative;z-index:0;}
#about-body p{line-height:30px;padding:0px 100px 0px 100px;font-size:15px;}
}
#container-scroll {
  width: 100%;
  height: 200px;
  box-sizing:border-box;
  max-width:100%;
  padding: 5px 10px;
  margin: auto;
  position: relative;
}
#content {
  height:90%;
}
#content p {
  font-size: 15px;
  font-family: 'Libre Franklin', sans-serif;
  color: #6a4849;
}
#scrollbar {
  position: absolute;
  right: 5px;
  height: 30px;
  width: 5px;
  border-radius: 10px;
  margin-top:5px;
  background: rgba(204, 134, 42, 0.5);
}
::-webkit-scrollbar {
  display: none;
}
.hidden-scrollbar {
  overflow:hidden;
}
.hidden-scrollbar .inner {
  overflow-y:scroll;
  overflow-x:hidden;
  margin:15px -300px 15px 15px;
  padding-right:300px; /* Samakan dengan besar margin negatif */
}