@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,700|Artifika:400,500,700|Kanit:400,500,700');
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
/*@import url('https://fonts.googleapis.com/css?family=Amaranth|Artifika:400,500,700|Changa');*/
@import "./jquery-ui.min.css";
@import "./bootstrap.min.css";
@import "./owl.carousel.min.css";
@import "./fancybox.css";
@import "./fontello.css";
@import "./default.css";

*{outline: none !important;}
html,body{font-family: "Artifika", "Kanit", Sans-serif;padding:0;margin:0;font-weight: normal;font-weight: 500;opacity: 1;transition: .3s opacity;}
body.loading{opacity: 0;}
body{overflow-x: hidden;}
iframe,img{max-width: 100%;border:0;}
p{margin:0;}
select {-moz-appearance: none; text-indent: 0.01px; text-overflow: '';}
a[href='javascript:void(0)']{cursor: default !important;text-decoration: none !important;}
nav a[href='javascript:void(0)']{cursor: pointer !important;}
.cc33{color: #c33;}
.orange{color: orange;}
.green{color: green;}
.btn-cloud{background: #8e8e8e;border-color: #8e8e8e;color: white;}
.btn-cloud:hover{background:#666;border-color: #666;color: white;}


/* NAVBAR
==========================*/
.navbar-default{position: absolute;top:0;left:0;width: 100%;margin:0;z-index: 1000;background:transparent;border:0;border-radius: 0;}
.navbar-default .navbar-nav>li>a{font-weight: 400;text-transform: uppercase;color: #5a0202}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background: transparent;color: #5a0202;}
.navbar-nav>li>a{padding:35px 15px 15px;font-size: 13px;text-shadow: 0 1px 1px rgba(0,0,0, .1);font-family: "Artifika", "Kanit", sans-serif;}
.navbar-nav>li.active>a{border-bottom: 2px solid rgba(90, 2, 2, 0.5);}
.sliders .owl-item>div:after{content:'';position: absolute;top:0;left: 0;width:100%;height: 100%;background:rgba(255,255,255,.1);}
.navbar-default .navbar-brand{float: none;display: inline-block;height: auto;}
.navbar-brand>img:last-child{opacity: 0;height: 0;width: 0;-moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";}
.navbar-nav.nofloat{float: none;display: inline-block;}
.navbar-collapse.collapse{text-align: center;}
.navbar-default .navbar-brand{padding:0 0 0 20px;}
.navbar-default .navbar-brand>img:first-child{height: 100px;width: auto;transition: 1s opacity;opacity: 1;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background: transparent;color:#5a0202;font-weight: 500;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color:#5a0202;text-shadow: 0 1px 1px rgba(90, 2, 2, .3);}
.navbar-right .dropdown-menu{right: auto;left: auto;min-width: 165px;}
.navbar-right>li:last-child>ul.dropdown-menu{min-width: 90px;}
.dropdown-menu{background: rgba(236, 212, 158, 0.75);border:0;border-top: 3px solid #5a0202;box-shadow: 0 1px 3px rgba(0,0,0,.3);}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background-color: rgba(90, 2, 2, 0.56);color: white;}
.dropdown-menu>li>a{color:#5a0202;padding:4px 20px;font-weight: 500;}
.dropdown-menu>.active>a{background:rgba(132, 130, 116, 0.56);}
.dropdown:after{content:'';width: 15px;height: 15px;background:transparent;display: inline-block;z-index: 100;transform: rotate(45deg);bottom:-7.5px;left:20%;border:7.5px solid transparent;border-left:7.5px solid #5a0202;border-top: 7.5px solid #5a0202;position: absolute;visibility: hidden;}
.dropdown.open:after{visibility: visible;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:0;}
#toggle-right-menu{position: fixed; bottom: 100px; right: 280px; font-size: 30px; z-index: 111111; color: #c9a558; background: #53341e; width: 35px; text-align: center; border-radius: 7px 0 0 7px; padding-left: 5px;transition: .3s right;outline: none !important;display: none;cursor: pointer;}

.navbar-default.stick{position: fixed;background:rgba(66, 33, 11, 0.9);transition: .3s all;}
.navbar-default.stick .navbar-nav>li>a{color: #C9A558;padding:25px 15px;transition: .3s all;}
.navbar-default.stick .navbar-brand>img:first-child{opacity: 0;width:0;height:0;;}
.navbar-default.stick .navbar-brand>img:last-child{opacity: 1;width: auto;height:60px;transition: .7s all;-moz-transform: scaleX(1); -o-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); filter: FlipH; -ms-filter: "FlipH";}
/*ปรับความห่างโลโก้ 2 อัน*/
.navbar-default.stick .navbar-brand{padding:3px 10px;transition: .3s all;}
.navbar-default.stick .navbar-nav>.active>a, 
.navbar-default.stick .navbar-nav>.active>a:focus, 
.navbar-default.stick .navbar-nav>.active>a:hover{color:#f5ba3d;background:rgba(0,0,0,.2);}

.navbar-default.stick .navbar-nav>.open>a, 
.navbar-default.stick .navbar-nav>.open>a:focus, 
.navbar-default.stick .navbar-nav>.open>a:hover{color:#f5ba3d;font-weight: 400;}
.navbar-default.stick .dropdown-menu{background: rgba(66, 33, 11, 0.9);border-top-color: #b5924d;}
.navbar-default.stick .dropdown-menu>li>a{color: #C9A558;font-size: 13px;}
.navbar-default.stick .dropdown.open:after{border-top-color: #b5924d;border-left-color: #b5924d}
.navbar-default.stick .dropdown-menu>li>a:focus, 
.navbar-default.stick .dropdown-menu>li>a:hover{background-color: rgba(132, 130, 116, 0.56)}



/* FANCYBOX
==========================*/
.fancybox-skin{border-radius: 0;padding:5px !important;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background: transparent;}
#fancybox-loading:after, .fancybox-close:after{content:'✕';font-size: 30px;}
.fancybox-prev span:after{content:'\f104';font-family: "FontAwesome";font-size: 50px;color: #000;}
.fancybox-next span:after{content:'\f105';font-family: "FontAwesome";font-size: 50px;color: #000;}
.fancybox-close{ color: #42210B; top: 5px; right: 15px; text-transform: uppercase; width: auto; height: auto;}
.fancybox-close:hover{text-decoration: none;color: #000;}
.fancybox-title-float-wrap{bottom: 50px;}
.fancybox-next span{text-align: right;}



/* OWLCAROUSEL
==========================*/
.owl-prev,.owl-next{position: absolute;top:50%;margin-top: -25px;left:0;width: 36px;height: 44px;text-align:center;background:#42210B;opacity: .8;transition: .3s opacity;border-radius: 4px 0 0 4px;padding-top: 3px;}
.owl-next{right: 0;left: auto;padding-left: 8px;}
.owl-prev{border-radius: 0 4px 4px 0;}
.owl-next i,.owl-prev i{color:#D0B069;font-size: 36px;}
.owl-prev:hover,.owl-next:hover{opacity: 1;transition: .3s all;}


/* DATEPICKER
==========================*/
.ui-datepicker-multi-2 .ui-datepicker-group{height: 260px;background: rgba(236, 212, 158, 0.8);}
.ui-datepicker-title{padding-top: 10px;font-weight: 700;}
.ui-datepicker .ui-datepicker-title{line-height: initial;text-transform: uppercase;color:#8b4e3d;}
.ui-datepicker td span, .ui-datepicker td a{padding:5px 5px;background: white;border-radius: 2px;color:#333;}
.ui-datepicker td a:hover{background: #8b4e3d;color: white;transition: .3s all}
.ui-datepicker td.ui-state-disabled span{background:transparent;}
.ui-datepicker-prev span,.ui-datepicker-next span{display: none;}
.ui-datepicker-next,.ui-datepicker-prev{text-align: center;text-decoration: none !important;cursor: pointer;}
.ui-datepicker-next:after{content:'\f105';font-family: "FontAwesome";color: #8b4e3d;font-size: 25px;}
.ui-datepicker-prev:after{content:'\f104';font-family: "FontAwesome";color: #8b4e3d;font-size: 25px;}
.ui-datepicker-next:hover:after,.ui-datepicker-prev:hover:after{color: #000}
.ui-state-default.ui-state-active{color:white !important;background:rgba(90, 2, 2, 0.6) !important;}
.ui-datepicker .ui-datepicker-next{right: 2px !important;top: 2px !important;}
.ui-datepicker .ui-datepicker-prev{left: 2px !important;top: 2px !important;}
.ui-datepicker-prev.ui-corner-all.ui-state-disabled:after{display: none;}
.ui-state-default.ui-state-highlight{color: #c5a135;font-weight: 700;text-decoration: underline;}

/* FOOTER
==========================*/
footer{background:#42210B;color: white;padding:30px 0 100px;}
footer.no-padding{padding-bottom: 30px;}
footer h1{text-align: center;margin:7px 0 0;}
footer h1 img{margin-bottom: 10px;}
footer h1 span{color: #C9A558;font-size: 16px;display: block;font-family: "Artifika";text-transform: uppercase;font-weight: 500;}
footer h1+p{color:rgba(201, 165, 88, 0.68);font-size: 12px;text-transform: uppercase;text-align: center;margin-top: 20px}
footer #socials{padding-top: 16px;}
footer #socials li{display: inline-block;vertical-align: middle;margin:0 0 2px}
footer #socials li img{width: 32px;}
footer #copyright{padding:15px 0;font-size: 10px;color: rgba(255,255,255,.5)}
footer h4{color: #C9A558;font-size: 17px;line-height: initial;}
footer table{font-family: Arial;font-weight: 300;font-size: 12px;margin: 0 -5px;}
footer table td{vertical-align: top;padding:5px;}
footer table tr>td:first-child{text-align: right;font-size: 11px;}
footer address{margin-bottom: 0;}
.cdsROW{background:transparent !important}
.cdsROW.narrow{width: auto !important;}
.cdsROW .cdsLocName a{white-space: nowrap;text-decoration: none;color: #03A67F !important;font-family: "Artifika";}
.cdsROW .cdsRating span{display: inline-block !important;margin: 0 0 5px !important;font-size: 9px !important;color: white !important;}

/* HOME (SLIDER)
==========================*/
.sliders .owl-item>div{height: 100vh;width: 100%;background-position:center center;background-repeat: no-repeat;/*filter:grayscale(30%);*/}
.owl-dots{position: absolute;bottom:70px;right: 10px;transition: .3s all;}
.owl-dot{width: 13px;height: 6px;background:rgba(255,255,255,.8);display: inline-block;vertical-align: middle;border-radius: 2px;margin: 3px;}
.owl-dot.active{background:#5a0202;}
.owl-carousel.stick .owl-dots{bottom: 10px;transition: .3s all;} 

/* HOME (RESERVATION FORM)
==========================*/
#reservation-homepage{position: fixed;bottom: 0;left:0;width: 100%;z-index: 100;background:rgba(236, 212, 158, 0.45);padding:7.5px;}
#reservation-homepage form>div:nth-child(1){width: 20%;display: inline-block;vertical-align: middle;}
#reservation-homepage form>div:nth-child(2){width: 20%;display: inline-block;vertical-align: middle;}
#reservation-homepage form>div:nth-child(3){width: 14%;display: inline-block;vertical-align: middle;}
#reservation-homepage form>div:nth-child(4){width: 14%;display: inline-block;vertical-align: middle;}
#reservation-homepage form>div:nth-child(5){width: 14.6%;display: inline-block;vertical-align: middle;}
#reservation-homepage form>div:nth-child(6){width: 14.6%;display: inline-block;vertical-align: middle;}
#reservation-homepage form select,#reservation-homepage form input[type='text']{height: auto;padding:15px 0 15px 10px;border:0;color: #333}
#reservation-homepage select{padding-left: 5px;padding-right: 5px;color: #333;}
#reservation-homepage form .form-group{margin-bottom: 0;}
#reservation-homepage .btn-booking{width: 100%;padding:13px;border:1px solid #5a0202;font-weight: 700;background:#5a0202;transition: .3s background;color: white;}
#reservation-homepage .btn-booking:hover{border:1px solid #C79F5C;background:#D0B069;transition: .3s all;color: white;}
#reservation-homepage .input-group-addon{background: #fff;border:0;font-weight: 500;color: #333;}
#reservation-homepage>a{display: none;position: absolute; top: -31px; font-size: 30px; left: 50%; background: rgba(236, 212, 158, 0.45); width: 50px; margin-left: -25px; text-align: center; border-radius: 7px 7px 0 0; color: #5a0202; padding-bottom: 0; height: 31px; padding-top: 0;cursor: pointer;}
#reservation-homepage #promocode{border-radius: 4px;}


/* HOME (BANNER)
==========================*/
#banners .grid{margin:0 -10px;}
#banners .item{width: 33.33%;padding:10px;overflow: hidden;}
#banners .item a{display: block;position: relative;}
#banners .item a>div{display:block;width: 100%;background-position:center center;background-repeat: no-repeat;border:0;}
#banners .item a div:before{content:'';background:rgba(0,0,0,.2);width: 100%;height: 100%;position: absolute;top:0;left:0;}
#banners .item a p{text-align: center; position: absolute; bottom: 41%;padding:5px; left: 0;right:0;margin:0 auto; color: #fff; font-size: 17px;visibility: visible;transition: .3s bottom,visibility .2s;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;border:2px solid white;width: 50%;overflow:hidden;text-overflow: ellipsis;font-weight: 500;}
#banners .item a:hover p{bottom: 46%;transition: .3s all;transform: scale(1.05);}
#banners .item a:hover div:before{transition: .3s all;background:rgba(0,0,0,.5)}
body.navshow #bg-responsive-overlay{position: fixed;top:0;left: 0;width: 100%;height: 100%;z-index: 10;background:rgba(0,0,0,.3);}
#home-page .owl-carousel .owl-item img{display: none !important;}

/* PAGES */
.page{padding-top: 30px;background:#eee}
.page .title{font-size: 28px;color: #42210b;margin:0;text-transform: uppercase;}
.btn-view-more{background: #C9A558;color: white;transition: .3s all;}
.btn-view-more:hover{text-decoration: none;background:#42210B;color: #C9A558;transition: .3s all;}
.btn-booking{background: #3aa3ed;color: white;transition: .3s all;}
.btn-booking:hover{text-decoration: none;background:#2c86c5;color: #fff;transition: .3s all;}
.facility li{display: inline-block;vertical-align: middle;width: 30px;height: 30px;background:#eee;border-radius: 50%;text-align: center;}
.facility li i{font-size: 15px;color: white;display: inline-block;line-height: 30px;margin:0;padding:0;color: #C9A558;}
.facility li .icon-wifi{padding-top: 1px;margin-left: -1px;}
.facility li .icon-swimming{font-size: 16px;}
.facility li i.icon-laundry{font-size: 10px; margin-left: -8px;}
.facility li i.icon-phone{font-size: 12px;margin-left: -3px;}
.facility li i.icon-double-beds{font-size: 10px;margin-left: -5px;}
.facility li i.icon-breakfast{font-size: 11px;margin-left: -4px;margin-top: -1px;}
.facility li i.icon-single-bed{font-size: 11px;margin-left: -4px;}
.facility li i.icon-keylock{font-size: 10px;margin-left: -4px;}
.facility li i.icon-television{font-size: 14px;margin-left: -1px;}
#breadcrumbs{margin-bottom: 0;margin-top: 5px;text-align: right}
#breadcrumbs li{display: inline-block;vertical-align: middle;color: #555}
#breadcrumbs li>a{color: #42210b;}
html[lang='th'] #breadcrumbs li{color: #42210b;font-family: "Kanit";}
#breadcrumbs li:not(:last-child):after{content:'\f105';font-family: "FontAwesome";margin: 0 10px;color: #000}
#content{background: rgba(255,255,255,.8);padding:15px;border-radius: 4px 4px 0 0;border:1px solid rgba(66, 33, 11, 0.53);margin-bottom: 40px;min-height: 53vh}
#content h1{font-size: 24px; display: inline-block; color: #a27617;position: relative;text-transform: uppercase;margin-top: 10px;}
#content h2.heading{font-size: 24px; display: inline-block; color: #a27617;position: relative;text-transform: uppercase;margin-top: 10px;}
#content h3.heading{font-size: 24px; display: inline-block; color: #a27617;position: relative;text-transform: uppercase;margin-top: 10px;}
#content h3.heading2{font-size: 18px; display: inline-block; color: #a27617;position: relative;text-transform: uppercase;margin-top: 10px;}
.text-indent-30{text-indent: 30px;}
.price{color: #c9a558}
.price>span{font-size: 50%;}
hr.gold{border-bottom: 1px solid #c9a558;opacity: .8;}
.mt7{margin-top: 7px;}
table.table-style1 tr>th{font-weight: 500;}
table.table-style1 tr>th,table.table-style1 tr>td{text-align: center;vertical-align: middle;}
table.table-style1 tr>td:first-child{text-align: left;}
table.table-style1 tr>td{font-family: Arial, Sans-serif;}
.font-detail p,.font-detail li,.font-detail div,.font-detail a,.font-detail ul,.font-detail td,.font-detail span,.font-detail em,.font-detail b,.font-detail i,.font-detail{font-family: Arial, Sans-serif;}
.font-detail p{margin-bottom: 10px;}
html[lang='th'] .font-detail p,html[lang='th'] .font-detail li,html[lang='th'] .font-detail div,html[lang='th'] .font-detail a,html[lang='th'] .font-detail ul,html[lang='th'] .font-detail td,html[lang='th'] .font-detail span,html[lang='th'] .font-detail em,html[lang='th'] .font-detail b,html[lang='th'] .font-detail i,html[lang='th'] .font-detail{font-family: "Kanit",Arial, Sans-serif;}
.font-detail h1,.font-detail h2, .font-detail h3, .font-detail h4,.font-detail h5, .font-detail h6{display: block !important;font-family: 'Artifika','Kanit',sans-serif;}
.font-detail h1 span,.font-detail h2 span, .font-detail h3 span, .font-detail h4 span,.font-detail h5 span, .font-detail h6 span{font-family: 'Artifika','Kanit',sans-serif;}
html[lang='th'] .font-detail h1 span,html[lang='th'].font-detail h2 span,html[lang='th'] .font-detail h3 span,html[lang='th'] .font-detail h4 span,html[lang='th'].font-detail h5 span,html[lang='th'] .font-detail h6 span{font-family: 'Kanit','Artifika',sans-serif;}.font-detail table{max-width: 100%;}
.font-detail{max-width: 100%;overflow:hidden;}
.font-detail img{height: initial !important}
label{font-weight: 500}


/* ABOUT PAGE */
/*#about-page #content h1,#about-page #content h2{font-family: }*/



/* ROOMS PAGE */
#rooms-page .grid{margin:0 -10px;}
#rooms-page .item{width: 33.33%;padding:10px;overflow: hidden;text-align: center;}
#rooms-page .item>div{background: #fff;padding-bottom: 20px;box-shadow: 0 1px 3px rgba(0,0,0,.3);}
#rooms-page .item .wrap-item-image{position: relative;display: block;transition: .3s all;opacity: 1;}
#rooms-page .item .wrap-item-image  div.item-image{display:block;height:240px;width: 100%;background-position:center center;background-repeat: no-repeat;border:0;position: relative;overflow:hidden;transition: .3s all;}
#rooms-page .item .wrap-item-image p{position: absolute; top: -130px; text-align: center; left: -130px; background: rgba(0,0,0,.8); color: #c9a558; font-size: 20px; border-radius: 0 0 100%; height: 0; min-width: 0; padding: 5px 8px 5px 0; white-space: nowrap; text-align: center;visibility: hidden;opacity: 0;}
#rooms-page .item .wrap-item-image:hover p{visibility: visible;height:105px;min-width:130px;left: 0;top:0;opacity: 1;transition: .3s all, 1s opacity;}
#rooms-page .item .wrap-item-image:hover div.item-image{opacity: .8;transition: .3s all;}
#rooms-page .item .wrap-item-image p span{display: block;font-size: 10px;}
#rooms-page .item .wrap-item-image p>span:last-child{font-size: 16px;}
#rooms-page h2{font-size: 20px;color: #a27617;margin:10px 0 10px;padding:0 15px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;}
#rooms-page .facility{position: absolute;top:0;right: 0;width: 40px;background: rgba(0,0,0,.3);overflow-y: scroll;max-height: 100%;overflow-x: hidden;padding:5px;height: 100%;}
#rooms-page .facility::-webkit-scrollbar{width:0em;height:0em}
#rooms-page .facility li{ margin-bottom: 2.5px; }
#rooms-page .rate{color: #c9a558}
#rooms-page .rate span{color: #999}
#rooms-page .rate b{font-size: 18px;font-weight: 700;color: #a27617;}

/* ROOM PAGE */
#room-page{padding-top: 105px;background:;min-height: 630px;}
#room-page .facility li{margin-bottom: 5px;}
#room-page .owl-item a{display: block;}
#room-page .owl-dots{bottom: 5px !important;}

/* PAX */
#pax-page table.table-style1 th{font-weight: 500;font-size: 14px;}
#pax-page table.table-style1 td{font-family: Arial, Sans-serif;}


/* MEETING */
#meeting-page table.table-style1 th{font-weight: 500;font-size: 14px;}
#meeting-page table.table-style1 td{font-family: Arial, Sans-serif;}


/* SERVICE PAGE */
#services-page ul{padding-left: 30px;}
#services-page ul>li{list-style: disc;font-weight: 400;}


/* BALLOON PAGE */
#balloon-page ul{padding-left: 30px;}
#balloon-page ul>li{list-style: disc;}
#balloon-page .owl-dots{bottom: 5px !important;}


/* PHOTO PAGE */
#photo-page .grid{margin:0 -5px;}
#photo-page .item{width: 33.33%;padding:5px;overflow: hidden;}
#photo-page .grid .item>a{display: block;position: relative;overflow:hidden;max-height: 100%;max-width: 100%;}
#photo-page .grid .item>a:hover{transition: .3s opacity;opacity: .8;}

/* VIDEO PAGE */
#video-page .grid{margin:0 -10px;}
#video-page .item{width: 50%;padding:10px;overflow: hidden;}
#video-page #content h3.heading2{height: 40px;overflow:hidden;text-align: center;display: block;}


/* CONATCT PAGE */
#contact-page table{width: 100%;margin: 0 -7px;}
#contact-page table tr>td{padding:7px;vertical-align: middle;}
#contact-page table tr>td,#contact-page table tr>td p{font-family: Arial, Sans-serif;}
#contact-page table tr>td:first-child{font-size: 12px;font-weight: bold;}
#contact-page table tbody>tr:last-child>td:first-child{vertical-align: top}
#contact-page table tbody>tr:nth-child(2)>td:first-child{vertical-align: top}
#contact-page #content{margin-bottom: 121px;}
html[lang='th'] #contact-page *{font-family: "Kanit",Sans-serif;font-weight: 400;}
html[lang='th'] #contact-page table tr>td:first-child{font-size: 14px;font-weight: 500;}

/* DOWNLOAD PAGE */
#download-page label{font-size: 14px;font-weight: 500;}
#download-page form *:not(p){font-family: Arial, Sans-serif;}
#download-page form input[type='checkbox']{margin:0 15px 0 0;padding:0;}
#download-page p,#download-page p.heading{font-size: 22px;color: #C9A558;margin-bottom: 15px;margin-top: 15px;text-align: center;}
#download-page p:not(.heading){font-size: 14px;text-align: left;color: #333;font-weight: bold;font-size: 13px;padding-top: 5px;}
#download-page button{width: 100%; padding: 13px; border: 1px solid #C9A558; font-weight: 500; background: #C9A558; transition: .3s background;font-family: "Artifika", "Kanit", sans-serif !important;font-size: 18px;}
#download-page button:hover{background: #42210B;border-color: #42210B;transition: .3s all;}
#download-page #typeofdocument label{width: 33.33%;float: left;}
#download-page .success-download{font-weight: 500;}
#download-page .success-download p{font-size: 14px;font-weight: 300;}
#download-page .success-download p:first-child{font-size: 15px;font-weight: 500;color: #C9A558}
#download-page .success-download table{margin: 0 -5px;}
#download-page .success-download table td{padding:5px;font-family: Arial;font-size: 13px;color: #333;font-weight: normal;}
#download-page .success-download table *{font-family: Arial;text-align: left;}
html[lang='th'] #download-page *{font-family: "Kanit",Sans-serif}


/* EMDC */
.ml13{margin-left: 13px;}
#emdc{background:url('../img/emdc.jpg') no-repeat bottom center;background-size: cover;min-height: 75vh;position: relative;overflow: hidden;background-attachment: fixed;}
#emdc:before{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,.3);}
#emdc>div{position: absolute;top: 50%;right: 0;left:0;margin: 0 auto;margin-top:-150px;background:#f39323;z-index: 100;width: 500px;padding: 30px;min-height: 340px;border-radius: 4px 5%;box-shadow: 0 5px 15px;max-width: 100%;}
#emdc>div h1{color: #42210B;text-shadow: 0 1px 0 #ccc;}
#emdc form{margin-top: 30px;}
#emdc form+p{font-size: 12px;position: absolute;bottom: 20px;right: 20px;color: #fff;}
#emdc form+p b{font-weight: normal;color: #000}
#emdc form+p img{width: 50px;}
#emdc form input[type='submit']{background:#42210B;border-color: #42210B;}
/*#emdc #hz-logo{position: absolute;bottom: 15px;left: 15px;width: 50px;}*/
#emdc-intro>div{padding: 0 4%;}
#emdc-intro>div>div{padding: 30px;font-family: sans-serif;}
#emdc-intro h1{font-size: 24px;margin-bottom: 15px;}
#emdc-intro p{margin-bottom: 10px;}
#emdc-intro ul{padding-left: 50px;margin-bottom: 15px;}
#emdc-intro li{list-style: disc;font-weight: bold;}
#emdc-intro .btn{border-color: #C9A558;font-family: "Artifika";padding: 7px 25px;text-transform: uppercase;}
#emdc-form{background: #96cde5;}
#emdc-form #content{border-radius: 0;background: #fff;border:0;}
#emdc-form>div{padding: 0;width: 950px;}
#emdc-form>div>div:first-child{padding:60px 8%;}
#emdc-form #logo2{float: left;width: 150px;margin-right: 15px;}
#emdc-form h1{font-family: Arial;font-size: 15px;color: #000;margin-top: 15px;font-weight: bold;text-transform: uppercase;}
#registration-form {font-family: Arial;font-size: 13px;font-weight: 600;}
#registration-form select{border:0;border-bottom: 1px solid #666;outline: none !important;padding: 0 15px;color: blue}
#registration-form input[type='text']{border:0;border-bottom:1px solid #666;outline: none !important;padding: 0 10px;font-weight: 500;color: blue;width: 240px;}
#registration-form input[type='email']{border:0;border-bottom:1px solid #666;outline: none !important;padding: 0 10px;font-weight: 500;color: blue;}
#registration-form input[type='number']{border:0;border-bottom:1px solid #666;outline: none !important;padding: 0 10px;font-weight: 500;color: blue;}
#registration-form input[type='text']:focus{border-color: blue;}
#registration-form input[type='email']:focus{border-color: blue;}
#registration-form input[type='number']:focus{border-color: blue;}
#registration-form>div>div:not(.full-width){margin-bottom: 30px;display: inline-block;vertical-align: middle;}
#registration-form #nationality{width: 180px;}
#registration-form #email{width: 384px;}
#registration-form #persion_traveling{width: 225px;}
#registration-form #passport{width: 225px;}
#registration-form #special_request{width: 635px;}
#registration-form ul{padding-left: 15px;}
#registration-form ul>li{list-style: disc;padding-left: 10px;margin-bottom: 10px;}
#registration-form ul>li:last-child{margin-bottom: 0;}
#registration-form #accom td{padding: 2px 15px 2px 5px;}
#registration-form #accom td input[type='number']{width: 100px;}
#registration-form #checkin2,#registration-form #checkout2{width: 180px;}
#registration-form #checkin3,#registration-form #checkout3{width: 180px;}
#registration-form span>span{display: inline-block;padding: 0 0 0 15px;}
#registration-form #arrival{width: 100%;}
#registration-form #arrival tr>th:first-child{text-align: left;font-size: 13px;}
#registration-form #arrival th{border:1px solid #333;padding: 5px;text-align: center;font-size: 12px;}
#registration-form #arrival td{border:1px solid #333;padding: 5px}
#registration-form #arrival td input{border-bottom: 0;width: 115px;}
#registration-form input[type='submit']{ font-family: "Artifika"; font-size: 22px; padding: 7px 60px; border-radius: 30px;}
#emdc-intro .btn{font-family: "Artifika"; font-size: 22px; padding: 7px 60px; border-radius: 30px;}




/* GARDEN PAGE */
#garden-page .grid{margin:0 -5px;}
#garden-page .item{width: 25%;padding:5px;}
#garden-page .owl-dots{bottom: 5px !important;}
#garden-page #content h1{display: block;text-align: center;padding:30px 0 15px;}
#garden-page .item {margin-bottom: 15px;}
#garden-page .item a{display: block;margin-bottom: 5px;transition: .3s all;height: 200px;width: 100%;background-position:center center;background-size:cover;background-repeat: no-repeat;border:0;position: relative;overflow:hidden;transition: .3s all;position: relative;}
#garden-page .item a:hover{text-decoration: none;transition: .3s all;}
#garden-page .item a:hover + p{color: #a27617;transition: .3s all;}
#garden-page .item a:after{content:'';background:transparent;top: 0;left: 0;width: 100%;height: 100%;position: absolute;transform: .3s all;}
#garden-page .item a:hover:after{background:rgba(0,0,0,.3);transform: .3s all;}
#garden-page .item p{font-size: 18px;color: #333;text-decoration: none !important;text-align: center;white-space: nowrap;text-overflow: ellipsis;max-width: 100%;overflow:hidden;}


/* CONFERENCE PAGE */
#capacity-page .owl-dots{bottom: 5px !important;}
.text-for-slider-conference{position: absolute;bottom: 0;left:0;width: 100%;color: white;padding:5px 15px;background: rgba(0,0,0,.3);}



/* BOOKING */
#confirm-booking .btn-booking, #compare-room .btn-booking, #select-room .btn-booking{padding:8px 20px;border:1px solid #0080db;background:#0080db;transition: .3s background;color: #fff;font-family: "Artifika";font-size: 15px;cursor: pointer !important;}
#confirm-booking .btn-booking:hover, #compare-room .btn-booking:hover, #select-room .btn-booking:hover{opacity: .8; transition: .3s all;}
#confirm-booking .btn-modify, #compare-room .btn-modify, #select-room .btn-modify{padding:8px 20px;border:1px solid #42210B;background:#42210B;transition: .3s background;color: #dabe82;font-family: "Artifika";font-size: 15px;cursor: pointer !important;}
#confirm-booking .btn-modify:hover, #compare-room .btn-modify:hover, #select-room .btn-modify:hover{opacity: .8; transition: .3s all;}
#your-stay{background: #42210B;color: #aaa;font-size: 16px;padding:15px;border-radius: 4px;font-weight: 300;}
#your-stay>li:first-child{margin-right: 50px;}
#your-stay > li:first-child div{display: inline;}
#your-stay>li{float: left;}
#your-stay>li>span{color: #C9A558;margin-right: 5px;}
#your-stay>li i{color: #71592a;}
#your-stay>li:last-child{float: right;border-left: 1px solid #736009;padding-left: 20px;}
#your-stay>li.no-border{border:0;}
#your-stay>li.no-border i{font-size: 24px;line-height: 14px;padding-top: 5px;}
#your-stay>li:last-child a{color: #C9A558;text-decoration: none;cursor: pointer !important;}
#your-stay>li:last-child a:hover{color: #dabe82}
#booking-form{font-family: sans-serif;display: none;padding:30px;}
#booking-form .icon-calendar{position: relative;}
#booking-form .icon-calendar:after{content:'\f073';position: absolute;bottom:10px;right: 25px;color:#ccc;font-family: "FontAwesome";}
#booking-form label{font-size: 14px;color: #333;margin-bottom: 0;}
#booking-form .form-control{height: 40px;}
#booking-data{font-family: sans-serif;padding:30px;font-size: 14px;color: #333;}
#booking-data span{font-size: 16px;color: #666;}
#booking-data table th{white-space: nowrap;}
/*#booking-data table:not(.table-charges) tbody>tr>td:not(:nth-child(4)){width: 1%;white-space: nowrap;}*/
#booking-data table:not(.table-charges) tbody>tr>td:first-child{width: 1%;white-space: nowrap;}
#booking-data table:not(.table-charges) tbody>tr>td:nth-child(2){width: 40%;white-space: nowrap;}
#booking-data table:not(.table-charges) tbody>tr>td:nth-child(2) img{width: 100px;margin-right:10px;}
#booking-data table:not(.table-charges) tbody>tr>td:nth-child(3){width: 30%;white-space: nowrap;}
/*#booking-data table:not(.table-charges) tbody>tr>td:nth-child(3){width: 1%;white-space: nowrap;}*/

#booking-data a{color: #333;font-size: 16px;}
#booking-data a:hover{color: #999;transition: .3s all;}
.room-rate{background: #E6E8EB;padding:10px;border-radius: 4px;}
.room-list{font-family: sans-serif;padding:30px 0;position: relative;}
.room-list ul{padding-left: 20px;color: #666;font-size: 15px;line-height: initial;}
.room-list ul li{list-style: disc;margin-bottom: 8px;}
#room-list>.room-list:not(:last-of-type){border-bottom: 1px solid #ccc;}
.room-list h3{font-family: "Artifika";margin:5px 0 15px;}
.room-list a.btn{font-family: "Artifika";padding:8px 20px;}
.room-list .room-rate{color: #81868e;font-size: 13px;line-height: initial;position: absolute;bottom: 0;left: 0;width: 97.5%;}
.room-list .room-rate b{font-size: 32px;color: #555;}
.room-list .room-rate p{white-space: nowrap;}
.room-list .room-rate p>b{display: inline-block;vertical-align: bottom;margin-right: 5px;}
.room-list .room-rate p>span{display: inline-block;vertical-align: bottom;}
.room-list>div:nth-child(2){padding-bottom: 75px;}
.packages:not(.show){padding:15px;margin-top: 15px;position: relative;display: none;}
.packages>div{background: #E1E3E7;padding:20px 10px;position: relative;border-radius: 4px;}
.packages.compares>div{padding-left: 20px;padding-right: 20px;margin-top: 15px;}
.packages:not(.compares)>div:after{content:'';width: 20px;height: 20px;background:#E1E3E7;transform: rotate(45deg);position: absolute;top:-10px;left: 50%;margin-left: -10px;}
.packages .package>div{background: #fff;color: #666;font-size: 15px;height: 100%;padding-bottom: 165px;position: relative;font-family: sans-serif;}
.packages .package>div>div{padding:10px 15px;}
.packages .package label{display: block;text-align: right;}
.packages .package label *{display: inline-block;vertical-align: middle;margin:0;padding: 0;}
.packages .package label span{font-size: 12px;color: #999;}
.packages .package label>input{margin-right: 5px;}
.packages .package h4{font-size: 25px}
.packages .package .package-policy{padding: 20px 15px;background: #eee;border-radius: 4px;margin:10px 0;font-size: 11px;color: #999;}
.packages .package .package-policy b{font-size: 12px;color: #888;}
.packages .package .package-rate{padding:30px 0;font-size: 14px;position: absolute;bottom: 40px;left: 0;width: 100%;}
.packages .package .package-rate+a{position: absolute;bottom: 1%;left:3%;width: 94%;}
.packages .package .package-rate b{font-size: 32px;color: #555;}
.packages .package .package-description {font-size: 13px;color: #666;}
.btn-compare{padding: 2px 10px !important; background: #6898e0; color: white;display: none !important;}
.btn-compare:hover{background: #069;color: white;}
.packages input[type='checkbox']{outline: none !important;}
.packages input[type='checkbox']:checked+span{display: none;}
.packages input[type='checkbox']:checked~a{display: inline-block !important;vertical-align: middle;}
a.delete-compare{position: absolute;top: 25px;right: 15px;color: #666;cursor: pointer !important;}
a.delete-compare:hover{color: #333;}
.table-charges b{font-size: 32px;color: #666;display: inline-block;vertical-align: middle;}
.table-charges b+span{display: inline-block;vertical-align: middle;color: #777 !important;font-size: 13px !important;}
.table-charges td{line-height: initial;padding: 5px;}
.table-charges td:not(:last-child){font-weight:bold;}
.table-charges td hr{margin: 10px 0;}
#personal-form{font-family: sans-serif;padding:30px;background: #fff;}
#personal-form hr{border-color: #ccc;}
#confirm-booking{color: #666;}
#confirm-booking #content{background: #f6f6f6;}
#confirm-booking em{color: #c33;}
#confirm-booking h3{font-family: "Artifika"}
#confirm-booking input[type='checkbox']{margin:0;padding: 0;margin-right: 5px;}
.privacy h5{font-size: 16px;font-weight: 600;}
.privacy{padding:15px 30px;border:1px solid #ccc;background: #f9f9f9;}
#payment-form{padding: 30px;background: #fff;}
#payment-form ul{padding:0 0 0 30px;margin:0;}
#payment-form ul>li{display: inline-block;vertical-align: top;margin-right: 50px;}
#payment-form ul>li:last-child{margin-right: 0;}
#payment-form p{font-size: 18px;color: #8E724D;margin-bottom: 10px;}
#payment-form .btn-booking{padding-left: 50px;padding-right: 50px;}
.btn-creditcard{background: #4767b1; width: 300px; padding: 6px; font-size: 28px; border-radius: 30px; margin-top: 9px;}
#ui-datepicker-div{background:rgb(249 241 224);border:1px solid #ccc}

#wrap-package{border: 2px dashed #ccc;padding:20px;width: 100%}
#wrap-package table tr>td:first-child{width:350px;}
.hightlight{color: #c9a558;font-weight: bold;font-size:14px;}



/* THAI */
html[lang='th'] .navbar-default .navbar-nav>li>a{font-size: 15px;padding-left: 20px;padding-right: 20px;}
html[lang='th'] .navbar-default.stick .dropdown-menu>li>a{font-size: 14px;padding-left: 20px;padding-right: 20px;}
html[lang='th'] footer table tr>td:first-child{font-size: 12px;}
html[lang='th'] footer table{font-family: "Kanit";}
html[lang='th'] #reservation-homepage .btn-booking{font-weight: 500;}
html[lang='th'] #banners .item p{font-family: "Kanit";}

/* CHINESE */
html[lang='cn'] .navbar-default .navbar-nav>li>a{font-size: 15px;padding-left: 20px;padding-right: 20px;}
html[lang='cn'] .navbar-default.stick .dropdown-menu>li>a{font-size: 14px;padding-left: 20px;padding-right: 20px;}


#breadcrumb{margin-top: -30px;border-bottom: 1px solid #ccc;padding-bottom: 30px;}
#breadcrumb>li{display: inline-block;vertical-align: middle;background: #eee;position: relative;}
#breadcrumb>li.active{background: #393939;}
#breadcrumb>li>a{color: white;display: block;padding: 5px 25px;text-align: center}
#breadcrumb>li.active:after{content: ''; width: 22px; height: 22px; position: absolute; top: 4px; right: -12px; transform: rotate(45deg); background: #393939; overflow: hidden; z-index: 2;}
#breadcrumb>li:not(.active):after{content: ''; width: 22px; height: 22px; position: absolute; top: 4px; right: -12px; transform: rotate(45deg); background: #eee; overflow: hidden; z-index: 2;}
#breadcrumb>li:not(.active)>a{color: #999}
#breadcrumb>li:not(:first-child):before {content: ''; width: 24px; height: 24px; position: absolute; left: -11px; top: 3px; transform: rotate(45deg); z-index: 1; background: #fff; }
#breadcrumb>li:not(:first-child)>a{padding-left: 40px}

#daa h1{text-shadow: none;margin: 0;font-size: 32px;word-spacing: 10px;margin-bottom: 15px;text-align: center;display: inline-block;text-shadow: none !important}
#daa{background: rgba(253, 247, 226, 0.9) !important;}
#daa form label{font-size: 18px;text-align: center;display: block}
#limited{text-align: center;padding-top: 10px;margin-bottom: 0;font-size: 16px;color: #c33}
#booked{color: #090;text-align: center}
.tick i.fa-check-circle{font-size: 30px;color: rgba(0,0,0,.0);position: absolute;right: 5px;bottom:5px;text-align: center;z-index:100}
.tick input[type='radio']{opacity: 0.5;position: absolute;right: 5px;top: 5px;z-index: 1;}
.tick{border: 2px solid #e6e6e6;background: #f4f4f4;cursor: pointer;padding: 25px 15px;display: block;position: relative;border-radius: 4px;}
.tick:hover,.tick.active{border-color: #e7e2df;background: #daf3ff;}
.tick.active i.fa-check-circle{color: rgb(37 134 255)}
.tick>div p{font-size: 16px;margin-bottom: 5px;margin-top: 0;}
.tick .table{margin-bottom: 0;}
#accom .tick .table td{ padding: 4px 10px 3px !important; font-size: 13px; color: #777;}
#accom .tick .table tr>td:nth-child(2){text-align: right}
#accom .tick .table tr>td:last-child{text-align: right}
#registration-form ul>li{padding-left: 0}
.tick i.fa-check-circle:hover{color: transparent !important}
.grand-total{color: orangered;font-weight: bold !important;}


@media(max-width: 1899px){
	#contact-page #content{margin-bottom: 40px;}

	/* THAI */
	html[lang='th'] .navbar-default .navbar-nav>li>a{font-size: 14px;padding-left: 12px;padding-right: 12px;}
	html[lang='th'] .navbar-default.stick .dropdown-menu>li>a{font-size: 14px;padding-left: 12px;padding-right: 12px;}
	html[lang='th'] .dropdown-menu > li > a{font-size: 13px;}

	/* CHINESE */
	html[lang='cn'] .navbar-default .navbar-nav>li>a{font-size: 14px;padding-left: 20px;padding-right: 20px;}
	html[lang='cn'] .dropdown-menu > li > a{font-size: 13px;}
	html[lang='cn'] .navbar-default.stick .dropdown-menu>li>a{font-size: 14px;padding-left: 20px;padding-right: 20px;}

}
@media(max-width: 1600px){
	.navbar-nav > li > a{font-size: 13px;padding-left: 10px;padding-right: 10px;}
	.navbar-default.stick .navbar-nav > li > a{padding:25px 10px;}
}

@media(max-width: 1599px){
	.dropdown-menu > li > a,.navbar-nav > li > a{font-size: 11px;}
}


@media(max-width: 1449px){
	body.navshow #reservation-homepage{padding-right: 0}
	body.navshow{padding-right: 0}
}

@media(max-width: 1359px){

	.dropdown.open:after{display: none;}

	/* NAVBAR
	=======================================*/
	#toggle-right-menu{display: block;bottom:initial;top: 22px;right:20px;color: #53341e;background: transparent;font-size: 18px;width: auto;}
    #toggle-right-menu:hover{opacity: .8;transition: .3s all;}
	#toggle-right-menu i:after{content:'MENU';margin-left: 5px;font-family: "Artifika";}

	#bs-example-navbar-collapse-1{width: 280px;position: fixed;top:0;right: -300px;background: rgba(66, 33, 11, 1);height: 100% !important;padding:0;box-shadow: 0 -4px 5px 1px rgba(0,0,0,.5);border-left:2px solid rgba(0,0,0,.5);visibility: visible;overflow-y: scroll !important;transition: .3s right;}
	#bs-example-navbar-collapse-1::-webkit-scrollbar{width:0em;height:0em}
	#bs-example-navbar-collapse-1::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}
	#bs-example-navbar-collapse-1::-webkit-scrollbar-thumb{background-color:#C9A558;outline:1px solid #C9A558}
	
	#bs-example-navbar-collapse-1:before{content:url('../img/horizon-logo-gold.png');margin:0 auto;margin-top: 20px;margin-bottom: 15px;}

	.navbar-nav>li{display: block;width: 100%;max-width: 100%;float: none;}
	.navbar-nav>li:last-child>a{border-bottom: 0 !important;}
	.navbar-nav.navbar-right{float: none !important;display: block;max-width: 100%;}
	.navbar-nav.navbar-right> li > a .caret{top:20px;right: 15px;position: absolute;}
	.dropdown-menu{position: relative;border-radius: 0;padding:10px 0;float: none;}
	.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{border-color: #795d21}

	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{color: #f5ba3d;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover,.navbar-default.stick .navbar-nav > .active > a, .navbar-default.stick .navbar-nav > .active > a:focus, .navbar-default.stick .navbar-nav > .active > a:hover{color:#f5ba3d;background: rgba(0,0,0,.5)}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{color: #f5ba3d}
	
	.navbar-default.stick #toggle-right-menu{color: #C9A558}
	.navbar-default.stick{background:rgba(66, 33, 11, 0.9);}
	.navbar-default.stick .navbar-nav > li > a,.navbar-default .navbar-nav > li > a{color: #C9A558; padding: 12px 15px; text-align: left; border-bottom: 1px solid #795d21; border-top: 1px solid #4a3301;position: relative;} 

	.dropdown-menu > li > a,.navbar-nav > li > a{font-size: 13px;}

	/* NAVBAR SHOW
	=======================================*/
	body.navshow{padding-right: 280px;transition: .3s all;}
	body.navshow #bs-example-navbar-collapse-1{right: 0;transition: .3s all;z-index: 1000}
	body.navshow #reservation-homepage{padding-right:280px;transition: .3s all;}
    body.navshow #toggle-right-menu i:before{content:'\f057';color: #C9A558}
    body.navshow #toggle-right-menu i:after{display: none;}
}

@media(max-width: 1199px){
	.container{width: 100%;}
}
@media(max-width: 1150px){
	footer{padding-bottom: 30px;}
	.owl-dots{bottom: 190px;}
	.owl-dots.active{bottom: 10px;}
	/*#home-page #reservation-homepage:not(.active){position: absolute;}*/
	#reservation-homepage>div{height: auto;transition: .3s all;opacity: 1;}
	#reservation-homepage form{width: 60%;margin:0 auto;transition: .3s all;}
	#reservation-homepage form>div{margin:5px 0;}
	#reservation-homepage form>div:nth-child(1){width: 49.6%;}
	#reservation-homepage form>div:nth-child(2){width: 49.6%;}
	#reservation-homepage form>div:nth-child(3){width: 49.6%;}
	#reservation-homepage form>div:nth-child(4){width: 49.6%;}
	#reservation-homepage form>div:nth-child(5){width: 49.6%;}
	#reservation-homepage form>div:nth-child(6){width: 49.6%;}
	#reservation-homepage>a{display: block; }
	#reservation-homepage.hidden-form{padding:2px 0;position: fixed;}
	#reservation-homepage.hidden-form>div{height: 0;transition: .3s all;opacity: 0;}
	#reservation-homepage.hidden-form>a i:before{content:'\f106';}
	#reservation-homepage.hidden-form>a i{-webkit-animation: animate1 1s ease-in-out infinite; -moz-animation: animate1 1s ease-in-out infinite; -o-animation: animate1 1s ease-in-out infinite; animation: animate1 1s ease-in-out infinite;}
}
@media(max-width: 1099px){
	.cdsROW .cdsLocName a{white-space: normal;}
}
@media(max-width: 991px){
	#emdc-form > div{padding: 0 15px;width: 750px;}
	#registration-form #email{width: 240px;}
	#registration-form #persion_traveling{width: 390px;}
	#registration-form #passport{width: 515px;}
	#registration-form #twinsharing{width: 400px;}
	#registration-form input[type="text"]{width: 175px;}
	#registration-form #special_request{width: 480px;}
	#registration-form #checkin2, #registration-form #checkout2{width: 120px;}
	#registration-form #checkin3, #registration-form #checkout3{width: 120px;}
	#registration-form .fs12{font-size: 11px;}
	#payment-form ul>li{margin-right: 0;}
	#download-page #typeofdocument label{width: 50%;}
	#video-page .item iframe{height: 250px !important}
	.table-responsive{max-width: 100%;overflow-x: scroll;overflow-y: hidden;}
	#room-page{min-height: initial;}
	#rooms-page .item{width: 50%;}
	#banners .item{width: 50%;}
	#reservation-homepage form{width: 75%;}
	.sm-mb-30{margin-bottom: 30px;}
	.sm-mb-15{margin-bottom: 15px;}
	.sm-mb-10{margin-bottom: 10px;}
	#contact-info table{margin:0 auto;text-align: left;}
	footer #socials{margin-bottom: 10px;}
	#garden-page .item{width: 33.33%;}
	.sm-t-c{text-align: center;}
	.sm-t-l{text-align: left;}
	.room-list > div:nth-child(2){padding-bottom: 140px;}
	.packages .package .package-rate b{font-size: 26px;}
	a.delete-compare{top: 5px;right: 10px;}
	#compare-room .title{font-size: 26px;white-space: nowrap;}
	#compare-room #breadcrumbs{display: none;}
	
}
@media(max-width: 780px){
	#banners .item a p{width: 70%;}
}
@media(max-width: 767px){
	#registration-form #arrival{width: 750px;}
	#registration-form #arrival td input{border-bottom: 1px solid #ccc;}
	#registration-form .wrap-table{overflow-x: scroll;padding-bottom: 15px;}
	#emdc-form > div > div{padding: 40px 5%;}
	#registration-form #checkin2, #registration-form #checkout2{margin-bottom: 10px;}
	#registration-form #checkin3, #registration-form #checkout3{margin-bottom: 10px;}
	#emdc-form #logo2{float: none;margin: 0 auto;display: block;}
	#emdc-form h1{text-align: center;}
	#registration-form > div > div:not(.full-width){display: block;margin-bottom: 15px;}
	#registration-form input[type="text"]{width: 100% !important;border:1px solid #ccc;padding: 5px; border-radius: 2px;font-weight: normal;}
	#registration-form input[type="email"]{width: 100% !important;border:1px solid #ccc;padding: 5px; border-radius: 2px;font-weight: normal;}
	#registration-form input[type="number"]{width: 100% !important;border:1px solid #ccc;padding: 5px; border-radius: 2px;font-weight: normal;}
	#registration-form select{width: 100% !important;border:1px solid #ccc;padding: 5px;border-radius: 2px;font-weight: normal;}
	#registration-form table#accom table,#registration-form table#accom tr,#registration-form table#accom td,#registration-form table#accom th,#registration-form table#accom tbody,#registration-form table#accom thead{display: block;}
	#registration-form table#accom tr{margin-bottom: 10px;}
	#registration-form table#accom label{margin-bottom: 0;}
	#registration-form input[type="number"].ml13{margin-left: 0;}

	#booking-data table:not(.table-charges) tbody>tr>td:nth-child(2) a{display: none;}
	#confirm-booking #booking-data>div>table+div{padding-bottom: 30px;border-bottom: 2px solid #999;}
	#confirm-booking #booking-data hr{display: none;}
	#emdc form + p{padding: 0 15px;}
	#emdc > div{padding: 15px;width: 270px;}
	#emdc form input[type="submit"]{font-size: 12px;}
	#emdc > div{min-height: 280px;}
	#payment-form ul{padding: 0;}
	.packages.compares > div{padding:  5px;}
	#compare-room .owl-dots{top: 80px !important;bottom: initial !important;left: 40px !important;display: block !important;}
	#compare-room .packages .package h4{white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
	.room-list > div:nth-child(2){padding-bottom: 0;}
	#room-list > .room-list:not(:last-of-type){display: block;margin-top: 10px;}
	.room-list .room-rate{position: relative;width: auto;left: initial;right: initial;margin-top: 15px;}
	.xs-mb-15{margin-bottom: 15px;}
	.sliders .owl-item>div{background: transparent;height: auto;}
	#home-page .owl-carousel .owl-item img{display: block !important;}


	#download-page form{padding-top: 0;padding-bottom: 0;}
	#download-page p.heading{font-size: 18px;}
	#download-page #typeofdocument label{width: 100%;float: none;}
	#video-page .item iframe{height: 200px !important}

	#photo-page .grid{margin:0 -2.5px;}
	#photo-page .item{width: 50%;padding:2.5px;}

	.navbar-default.stick .navbar-nav > li > a, .navbar-default .navbar-nav > li > a{padding:9px 15px;}
	body.navshow{padding-right: 260px;transition: .3s all;}
	#bs-example-navbar-collapse-1{width: 260px;}
	#reservation-homepage form>div:nth-child(1){width: 50%;float: left;padding:2.5px;margin:0;}
	#reservation-homepage form>div:nth-child(2){width: 50%;float: left;padding:2.5px;margin:0;}
	#reservation-homepage form>div:nth-child(3){width: 50%;float: left;padding:2.5px;margin:0;}
	#reservation-homepage form>div:nth-child(4){width: 50%;float: left;padding:2.5px;margin:0;}
	#reservation-homepage form>div:nth-child(5){width: 50%;float: left;padding:2.5px;margin:0;}
	#reservation-homepage form>div:nth-child(6){width: 50%;float: left;padding:2.5px;margin:0;}
	#reservation-homepage form{width: 100%;}
	#reservation-homepage.hidden-form>div form{height: 0;overflow: hidden;}
	#bs-example-navbar-collapse-1{margin: 0;}
	.collapse{display: block;}
	.navbar-nav{margin: 0;}
	.navbar-nav.navbar-right> li > a .caret{top: 18px;}
	.navbar-toggle{display: none;}
	.dropdown.open:after{display: none;}
	.navbar-nav .open .dropdown-menu{background:#C2A779;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{color: #5a0202}
	.navbar-nav>li>a{line-height: initial;}
	body.navshow{padding-right: 0}
	body.navshow #reservation-homepage{padding-right:0;transition: .3s all;}
	.navbar>div:first-child:after{content:'';position: fixed;top:0;left:0;width: 100%;background:rgba(0,0,0,.3);}
	.navbar-default .navbar-brand>img:first-child{height: 75px;}
	.navbar-default .navbar-brand{padding:0 0 0 10px;}
	.navbar-default.stick .navbar-brand{padding-top: 5px;padding-bottom: 0;}
	.navbar-default.stick{border-bottom: 1px solid rgba(201, 165, 88, 0.22)}
	#select-room #breadcrumbs{display: none;}
	#select-room .title{font-size: 22px;}
	#compare-room #booking-data{padding: 15px 0 0;}
	#compare-room #booking-data table th,#compare-room #booking-data table tr,#compare-room #booking-data table td,#compare-room #booking-data table tbody,#compare-room #booking-data table thead,#compare-room #booking-data table{display: block;}
	#compare-room #booking-data table thead{float: left;margin-right: 5px;}
	#compare-room #booking-data table tbody{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	#compare-room #booking-data table th,#compare-room #booking-data table td{border:0;}
	#select-room #booking-form{padding: 15px 0;}
	#confirm-booking #breadcrumbs{display: none;}
	#confirm-booking #booking-data>div>table th,#confirm-booking #booking-data>div>table td,#confirm-booking #booking-data>div>table tr,#confirm-booking #booking-data>div>table tbody,#confirm-booking #booking-data>div>table thead,#confirm-booking #booking-data>div>table{display: block;}
	#confirm-booking #booking-data>div>table thead{float: left;margin-right: 5px;}
	#confirm-booking #booking-data>div>table th,#confirm-booking #booking-data>div>table td{border:0;}
	#confirm-booking #booking-data>div>table{border-bottom: 1px solid #ccc;padding-bottom: 30px;}
	#confirm-booking table.table-charges{float: none;}
	#confirm-booking #booking-data{padding: 15px 0;}
	#confirm-booking #personal-form{padding: 15px;}
	#confirm-booking .privacy{padding: 15px;}
	#confirm-booking input[type="checkbox"]{float: left;margin-right: 5px;margin-top: 3px;}
	#confirm-booking input[type="checkbox"]+span{display: block;}
	#payment-form{padding: 5px 20px 25px;}

	#daa h1{font-size: 24px;text-shadow: none !important}
	#daa form{margin-top: 15px;}
	#daa form label{font-size: 14px;}
	#accom .tick .table tr{border-top: 1px solid #999;padding-top: 5px}
	#accom .tick .table tr>td{border:0;text-align: left !important;display: inline !important}
	#accom .tick .table tr>td:first-child{display: block !important}
	#accom .tick .table tr>td:nth-child(2){width: 70px;padding-right: 0 !important}
	#accom .tick .table tr>td:nth-child(3){padding-left: 0 !important}
	#accom .tick .table tbody>tr:not(:last-child)>td:nth-child(2):after{content: ' = '}
	#accom .tick .table tbody>tr:last-child>td:first-child:after{content: ":"}
	#accom .tick .table tbody>tr:last-child>td{display: inline !important}
	.tick i.fa-check-circle{padding-top: 35%}
	#accom .tick .table{border: 0 !important;}
}
@media(max-width: 600px){
	#garden-page .item{width: 50%;}
}
@media(max-width: 499px){
	#garden-page .item{width: 100%;}

	#video-page .grid{margin:0;}
	#video-page .item{width: 100%;padding:0;}
	#video-page #content h3.heading2{height: auto;}

	.owl-dots{display: none;}
	.owl-dots.active{display: block;}
	#reservation-homepage form>div:nth-child(1){width: 100%;float: left;padding:2.5px;margin:0;}
	#reservation-homepage form>div:nth-child(2){width: 100%;float: left;padding:2.5px;margin:0;}
	#reservation-homepage form>div:nth-child(3){width: 50%;float: left;padding:2.5px;margin:0;}
	#reservation-homepage form>div:nth-child(4){width: 50%;float: left;padding:2.5px;margin:0;}
	#reservation-homepage form>div:nth-child(5){width: 50%;float: left;padding:2.5px;margin:0;}
	#reservation-homepage form>div:nth-child(5){width: 50%;float: left;padding:2.5px;margin:0;}
	#banners .item{width: 100%;}
	#rooms-page .item{width: 100%;}
	
	#your-stay > li{float: none;display: block;margin: 0 !important;}
	#your-stay{font-size: 13px;}
	#your-stay > li:first-child div{display: none;}
	#your-stay > li:last-child{border: 1px solid rgba(255,255,255,.3); padding: 0; display: block; border-radius: 4px; margin: 10px 0 0 0 !important;float: none;width: 100%;text-align: center;}
	#your-stay > li:last-child a{display: block;padding: 5px 15px;}
	.room-list h3{font-size: 20px;}
	.room-list ul{font-size: 14px;}
}

@media(max-width: 399px){
	.btn-creditcard{width: auto;padding: 6px 30px;font-size: 18px;}

	#compare-room .owl-dots{top: 60px !important;left: 25px !important;}
	#reservation-homepage form>div:nth-child(3){width: 100%;float: left;padding:2.5px;margin:0;}
	#reservation-homepage form>div:nth-child(4){width: 100%;float: left;padding:2.5px;margin:0;}
}
@media(max-width: 349px){
	.room-list .room-rate p > span{display: block;}
}