@charset "iso-8859-1";
/* ******************************
1. Reset
******************************* */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* ******************************
2.1 Main Global Layout Settings
******************************* */

*{ padding: 0px; }
body, html{ height: 100%; margin: 0;height: auto; min-height: 100%; }
body{
	font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;;
	background-color: #000;
	background-repeat: repeat;
	color: #333;
	}
a{ outline: none; text-decoration:none; color:#333; }
a:hover{ text-decoration:underline; color:#ef960a }
a img{ border: none; }
strong {font-weight:bold}
em {font-style:italic}

.clear {clear:both;}
.clearlast {clear:both;padding-bottom:35px;}
.clearlastgallery {clear:both;padding-bottom:55px;}
.ienoclear {clear:both;}
.clearfix:after	{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clearfix{ height: 1%; }
*+html .clearfix{ height: 1%; }

.float-right { float:	right; }
.float-left {float:	left; }

.align-right { float:right; }
.align-left { float:left; }
.align-center { margin:0 auto; display:block;}

p.edit-entry { font-size:10px; margin-top: 40px;text-decoration:none; }
p.edit-entry a { background: #111; padding: 4px 8px; color: #fff;text-decoration:none;}
p.edit-entry a:hover { background: #eee; color:#000; text-decoration:none;}

.single-header-space { margin: 25px 0 0 0; }
.blank-head-space-1 { margin: 24px 0 0 0; }

.gradient {
filter:none;
}

.type-post, .type-mtheme_portfolio, .type-page {
	margin: 0;
	}

/* Atit */

@font-face {
  font-family: 'Calibri';
  src: url('../fonts/Calibri.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Calibri-Bold';
  src: url('../fonts/Calibri-Bold.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Calibri-LightItalic';
  src: url('../fonts/Calibri-LightItalic.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Calibri-Light';
  src: url('../fonts/Calibri-Light.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'Calibri-Italic';
  src: url('../fonts/Calibri-Italic.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'Calibri-BoldItalic';
  src: url('../fonts/Calibri-BoldItalic.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}




.rwd-break{display: none; }
h1 {font-family:Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;;color:#333; font-weight:bold; font-style:normal; font-size:27px; line-height:30px; margin-bottom:3px; font-style:italic}
h2 {font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;;font-size:22px;margin-bottom:5px; font-weight:bold; line-height:22px; font-style:italic}
h3 {font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;;font-size:16px; line-height:20px; font-weight: normal}
header {width:100%; height:100px; background: url(../images/bg-header.png) repeat-x bottom; position:fixed; top:0; z-index:10}
p {font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;; }
.header-in { width:990px; margin:0 auto; height:95px; background:#421B48 url(../images/bg-header.jpg) bottom center no-repeat; position:relative}
nav { position:absolute; right:0; bottom:15px; width:750px}
nav ul {float:right; margin-top:5px; width:100%; text-align:right}
nav li {display:inline; margin-left:15px}
nav a{ font-family:Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;; color:#fff; text-decoration:none; font-size:16px;  padding:0 5px; text-transform:uppercase}
nav a:hover{color:#b8765c; text-decoration:none}
nav .select {color:#b8765c; font-weight:bold}
.topnav ul {float:right}
.topnav a{color:#ffa820; text-decoration:none; font-size:13px; font-weight:normal; text-transform: none}
.topnav a:hover{color:#ef960a}
.topnav .select {font-weight:bold}
.topnav li {margin-left:7px}
.logo { height:80px; position:absolute; left:0; bottom:10px}
.description {position:absolute; top:0; right:0; z-index:11; color:#b8765c; font-size:12px;line-height:22px}
.description span {float:right; font-family:Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;}
.description img {float:right; margin-left:7px; width:17px; height:17px;}
.content {width:100%; position:fixed; bottom:75px; left:0; z-index:10;}
.content-home {width:100%; position:fixed; bottom:40px; left:0; z-index:10; height:450px; background-image:url(../images/bg-content-new.png); background-position:bottom; background-repeat:repeat-x}
.content2 {width:860px; position: relative; margin:140px auto 60px auto;}
.content2 p {margin-bottom:10px}
.content-in {width:990px; margin:0 auto; height:100%; position:relative; border-radius:5px 5px 0 5px; min-height:450px}
.scrolling-content {position: relative;width: 100%;height: 100%;overflow: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bg {background:url(../images/bg-content-in.png) right}
.bg2 {background: url(../images/bg-content-f.png)}
.reservation {width:830px; position:absolute; bottom:0; left:70px; text-align:left; height:25px;background:rgba(255,255,255,.3); padding:2px 2px 2px 10px; border-radius:3px;}
.reservation input[type="text"] {width:95px; text-align:center;font-size:12px; border:none; padding:2px;}
.reservation select {width:40px;font-size:12px; border:none; padding:2px;}
.reservation label,.reservation form {float:left; display:block; margin-right:8px}
.reservation label {color:#333}
.check-in,.check-out,.ddroom,.ddadult,.ddchild {height:25px; line-height:25px; float:left; margin-right:10px}
.reservation input[type="image"]{position:absolute; bottom:2px; right:2px; height:25px; width:100px}
.reservation img.tcalIcon {margin: 0 0 3px 3px;}
.intro {position:absolute;right:0;bottom:90px;width:600px; font-size:16px;text-shadow: #333 1px 1px 1px; line-height: normal;}
.intro h1 { font-size:36px; line-height:40px; margin-bottom:7px;  color:#e68863; text-shadow:#d2d2d2 2px 2px 0px; text-align:right; font-style:inherit}
.intro h2 {font-size:22px; line-height:24px;color:#fff; text-align:right; font-weight:normal}
.book-mobile {display: block;position:absolute; top:106px; right:3%; z-index:5}
.book-mobile img {width:140px; height:44px}

.trip-ad {position:absolute; bottom:90px; left:290px; width:120px }
.promotion {width:300px; height:190px; padding:5px; position:absolute; bottom:130px; left:0; border-radius:5px; color:#fff}
.rotate-banner {width:300px; height:190px; position:relative}
.rotate-banner span {color:#fff; line-height:16px}
.rotate-banner:hover {color:#fff!important}
.rotate-banner img {width:100%; height:190px; position:absolute; top:0; left:0; z-index:1}
.rotate-banner h3 {font-size:14px; font-weight:bold;font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;;color:#ffa820}
.rotate-banner span {display:block; width:240px; height:37px; position:absolute; bottom:10px; left:10px; z-index:2; font-size:12px}
.rotate-banner .btn { width:78px; height:24px; position:absolute; top:168px; left:180px}

.maincontent {width:725px; float:left; padding:15px 20px; color:#333; min-height:270px}
.maincontent h1 { margin-bottom:5px; display:block; position:relative; font-family:Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;}
.maincontent h2 {margin:10px 0 5px 0; color:#333; font-style:italic; font-size:18px}
.maincontent h2 span {font-size:12px; font-weight:bold;font-family:Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;; margin-left:5px}
.maincontent h3 {color:#fff; font-size:16px; line-height:16px; margin-bottom:3px; font-weight:bold}
.maincontent p {font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;;margin-bottom:10px; font-size:14px; line-height:1.3}
.maincontent table {width:60%; border-left:1px solid #25190B; border-top:1px solid #25190B; font-size:13px; margin-bottom:10px}
.maincontent th {text-align:left; padding:3px 0 3px 3px;background:#421B48; color:#fff}
.maincontent td {text-align:left; padding:3px 0 3px 3px; background:#dfeadb}
.maincontent .subdiv {width:100%; float:left; margin-bottom:10px}
.heigher {width:745px;height:400px; padding:15px 0 15px 15px}
.heigher ul {width:23%; padding-right:10px}
.full-width {width:950px;}
ul.gallthumb {width:100%;height: auto; clear:both}
ul.gallthumb img {max-width:16%;height: auto;float:left;margin:0.3% 0.3% 0 0.3%}
ul.gallthumb h2 {margin-top:15px}
hr{ height:10px;border:none; clear:both}
.thumb {width:35%;height: auto;float:left; margin-right:10px;   border: solid 3px #421B48;}
.thumb img {max-width:100%;height: auto;}
.thumb2 {width:135px;height: auto;float:left; margin-right:10px}
.thumb2 img {max-width:100%;height: auto;}
.roomtype {width:23%; color:#333; position:relative; float:left; margin:1%; padding-bottom:5px; background: url(../images/bg-icon.png); text-align:center; font-size:12px; line-height:14px }
.roomtype h3 {color:#d29b23; font-size:16px; line-height:16px; margin-bottom:3px; font-weight:bold}
.roomthumb {width:100%;height: auto;float:left; margin-right:10px}
.roomthumb img {max-width:100%;height: auto;}
.roomdetail {float:left; width:100%; color:#333}
.roomtype:hover {background:#e8fae1}
.box2col {width:46%; color:#333; position:relative; float:left; margin:1%; padding:1%; background: url(../images/bg-icon.png); text-align:left; line-height:0 }
.box2col h2 {color:#333; font-size:16px; line-height: normal; margin:5px 0 3px 0; font-weight:bold; text-transform:none; font-family:'PT Sans', sans-serif;}
.box2colthumb {width:50%;height: auto;float:left; margin-right:10px}
.box2colthumb img {max-width:100%;height: auto}
.box2coldetail {float:left; width:45%; color:#333; font-size:13px; line-height:15px }
.box2col:hover {background:#e8fae1}
.box2col span { display:block; position:absolute; bottom:5%; right:5%}
.box3col {width:31%; color:#333; position:relative; float:left; margin:1%; padding-bottom:5px; background:rgba(157, 98, 75,0.9); text-align:center; font-size:12px; line-height:14px }
.box3col h3 {color:#d29b23; font-size:16px; line-height:16px; margin-bottom:3px; font-weight:bold}
.box3col-thumb {width:100%;height: auto;float:left; margin-right:10px}
.box3col-thumb img {max-width:100%;height: auto;}
.box3col-detail {float:left; width:100%; color:#fff; font-size:14px; padding:5px 0 2px 0;  }
.box3col:hover {background:#421b48; color:#fff}
.thing-to-do h2 {margin:15px 0 5px 0; }




.box-fac-col {width:100%; color:#333; position:relative; float:left; margin:1%;  background:rgba(157, 98, 75,0.9); text-align:center; font-size:12px; line-height:14px }
.box-fac-col h3 {color:#fff; font-size:20px; line-height:16px; margin-bottom:3px; font-weight:bold; text-align:left; padding:10px 0 5px 0;  font-style:italic}
.box-fac-col-thumb {width:45%;height: auto;float:left; margin-right:10px; position:relative}
.box-fac-col-thumb img {max-width:100%;height: auto; padding:5px}
.box-fac-col-detail {float:left; width:50%; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:5px 0 2px 5px; }
.box-fac-col-detail p {float:left; width:100%; color:#fff; font-size:14px; font-style:inherit; text-align:left; line-height:1.3}
.box-fac-col:hover {background:#421b48; color:#fff}

.scrolling-content{position:relative; width:100%; height:90%; overflow:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.offer {width:96%; color:#333; position:relative; float:left; margin:0 0 15px 0; background: url(../images/bg-icon.png); text-align:left; line-height:0; padding:2% }
.offer h3 {color:#333; font-size:14px; line-height: normal; margin:5px 0 3px 0; font-weight:bold; text-transform:none; font-family:'PT Sans', sans-serif;}
.offerthumb {width:100%;height: auto;float:left; margin-bottom:10px}
.offerthumb img {max-width:100%;height: auto}
.offerdetail {float:left; width:100%; color:#333; font-size:12px; line-height:14px }
.offerdetail p {font-size:13px; line-height:14px; margin-bottom:20px }
.offer:hover {background:#e8fae1;}
.offer span { display:block; position:absolute; bottom:5px; right:5px}

.column2 {width:34%; float:left;}
.column2 h2 {color:#333; font-size:16px; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;; margin:0 0 10px 0}
.column1 {width:63%; float:left; margin-right:20px}
.column1 table {width:100%;border: none;border-spacing:1px;}
.column1 td,.column1 th {border:none; text-align:center; vertical-align:middle}
.column1 .room {text-align:left !important}
.column1 .date {font-size:10px}
.column0 {width:100%; float:left}
.column0 table {width:100%;border: none;border-spacing:1px;}
.column0 td,.column0 th {border:none; text-align:center; vertical-align:middle}
.column0 .room {text-align:left !important}
.column0 .date {font-size:10px}

aside {width:222px; float:right; padding-top:10px; height:330px; position:relative;}
aside h2 {color:#fff; font-size:20px; line-height:20px; margin-bottom:3px;}
aside h3 {font-size:20px; margin-bottom:5px; font-weight:bold; color:#000; font-style:italic;}
aside ul { width:85%; margin:0 auto}
aside li {padding:5px 0; border-bottom:1px #421B48 dotted}
aside strong {font-weight:bold}
aside a {font-weight:bold; text-decoration:none; color:#fff}
aside a:hover {text-decoration:none}
aside .select a {    color: #60275A;font-size: 16px;background:url(../images/new-arrow.png) no-repeat left; padding-left:30px;   font-style:italic }
aside p { font-size:12px; color:#fff; margin-bottom:10px; line-height:1.3; font-family:Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;}
.btn-aside-wrap {width:85%; margin:0 auto; margin-bottom:15px}
.btn-aside {width:48%; height:70px; background: url(../images/bg-icon.png); float:left; margin-top:3%; padding:4px 0 0 0; border:1px #ccc solid; text-align:center; font-size:11px; font-weight:bold; font-style:italic; color:#eee; border-radius:3px}
.btn-aside:hover {background:#421B48; border:1px #fff solid; text-decoration:none; color:#fff }
.btn { position:absolute; bottom:25px; right:23px}
.btn li {border-bottom:none; padding:15px 0 0 0}
.btn img {height:28px; width:177px}
.roompic {display:none}
.tb-room {vertical-align:middle}
.th-bor {border-right:1px solid #068e8c !important}

ul.alt-list  {margin-bottom:10px;float:left; width:48%}
.alt-list li {margin:0 0 2px 15px; list-style:url(../images/list.png) }
ul.alt-list2  {margin-bottom:10px;float:left; width:32%}
.alt-list2 li {list-style: url(../images/tick_2.png);margin: 0 15px 3px 19px; line-height:1.3; font-size:14px}
ul.alt-list3  {margin-bottom:10px;float:left; width:25%}
.alt-list3 li {margin:0 0 2px 15px; list-style:url(../images/list.png) }

.helpdesk h2 {font-size:30px}
.helpdesk strong {font-weight:bold; color:#d29b23; font-size:16px}
.helpdesk ul {width:100%;border-bottom:1px #25190b solid; padding:5px 0; margin:0 0 5px 0}
.helpdesk li { display:inline; list-style:none; line-height:25px}
.helpdesk li a { text-transform:uppercase; font-weight:bold; text-decoration:none;}
.type {width:100%; margin-top:0;color:#fff; position:relative; padding:5px 0}
.detail {float:left; width:73%;}
.ulw ul {width:100%}
.super-h {height:auto; padding-bottom:40px}
.top-btn {position:absolute; top:0; right:15px}
.toppic {display:block;width:40%;height: auto; margin:0 10px 0 0; float:left; padding:0; background:url(../images/bg-content-f.png)}
.toppic img {max-width:100%;height: auto;}
.toppic a {text-decoration:none; font-size:12px; color:#fff; display:block}
.map p {font-weight: normal; font-size:14px}
.map strong {font-weight:bold}
.mappic {display:block;width:44%;height: auto; margin:0 25px 0 0; float:left; padding:0;}
.mappic img {max-width:100%;height: auto;}
.mappic a {text-decoration:none; font-size:12px; color:#fff; display:block}

#formID {width: 100%}
#formID label.error { margin:0 ; color:#f00; font-size:12px; display:block }
.contactform {width:260px; float:left; padding:0 20px 0 0; float:left}
.contactform-field {width:100%; float:left; margin-bottom:5px}
.contactform-field input,.contactform-field select,.contactform-field textarea {width:100%; font-size: 12px; line-height: 20px; height: 20px; border:none}
.contactform-field input[type="image"] {width:80px; height:28px; float:left}
.contact-address {float:left; width:415px; margin-right:20px;}
.contact-address p {font-size:14px; font-weight:normal}
.contact-address strong {font-weight:bold}
.contact-map {display:block;width:100%;height: auto; margin:5px 0 0 0; float:left; padding:0;}
.contact-map img {max-width:60%;height: auto;}
.width-ul ul {float:left; width:100%; padding-right:0; margin-top:10px}
.sitemap {}
.sitemap ul {width:47%; margin-bottom:10px}
.sitemap li {margin:0 0 2px 15px; list-style-image:url(../images/list.png)}
.sitemap .sub {margin:0 0 2px 25px}
.sitemap a{ font-weight:bold; text-decoration:none}
.location ul {width:auto; float:none; margin-bottom:10px}
.location li { list-style:none; margin:0 0 3px 0}
.btn-loc {line-height:30px; margin-bottom:10px}
.btn-loc img {float:left; margin-right:7px}
.btn-loc2 {line-height:30px; float:left}
.facilities h2, .facilities p{float:left; width:100%}
.facilities h2 {margin:15px 0 0 0}
.facilities p {margin:0}

.booking-box {position: absolute;bottom:0;right:0;width: 222px; padding: 10px 0;}
.in-booking-box {width:100%; position:relative; top:0; left:0; border-radius:5px 0 5px 5px}
.checkin {float:left; margin-left:10px; width:46%}
.checkout {float:left; width:45%}
.in-booking-box label {font-size:11px; line-height:13px; float:left; width:100%; color:#fff; font-weight:bold; margin-top:5px}
.checkin input,.checkout input { width:65px; height:18px; font-size:11px; border:none; text-align:center;background:#ccc}
.in-booking-box select { width:100%; height:18px; font-size:11px; border:none;background:#ccc}
.adultinput,.childinput,.roominput {width:36px}
.adultinput,.childinput,.roominput {float:left; margin-left:10px}
.book-button {float:left; margin:12px 0 0 10px; width:60px; height:25px}
.mar-b {margin-bottom:10px !important}

.hili-box {width:98%; color:#333; position:relative; float:left; margin:1%; text-align:left; line-height:0; padding:1%; background: url(../images/bg-icon.png) }
.hili-box h2 {color:#333; font-size:14px; line-height: normal; margin:0 0 3px 0; font-weight:bold; text-transform:none;}
.hili-box p {font-size:13px; line-height:normal;}
.hili-box span { display:block; position:absolute; bottom:10px; right:5px}
.hili-box img { height:14px; width:67px}
p.text-s  {font-size:12px; font-style:italic; }

form {margin:0;padding:0;}
.button {width:60px;}
.error {color:#ff0000;margin:0 0 10px 0;background: #ee0101 url(images/close.png) top right no-repeat;}
.accept {color:#339966;margin:0 0 10px 0;}
.required {color:#CD0A0A; font-size:18px}
.language {width: 100%;margin: 0 auto;height:12px;position:fixed; top:15px; z-index:11}
.language-in {width:990px; margin:0 auto; height:12px; color:#fff}
.language img { height:12px; width:auto; margin:0 0 0 5px; float:right}
.social {   position:absolute; top:20px; right:0}
.social img { width:35px }
img.facebook {margin-right:10px; width:15px; height:15px}
.row1 {width:800px; background:rgba(255,255,255,0.9); position:relative; padding:0 15px; margin-bottom:25px; left:30px}
.row2 {width:800px; background:rgba(255,255,255,0.9); position:relative; padding:0 15px; margin-bottom:25px;left:0;}
.top1 {width:830px; height:15px;position:absolute; top:-15px; left:0; background:url(../images/bg-top-maincontent.png) top left no-repeat}
.top2 {width:830px; height:15px;position:absolute; top:-15px; left:0; background:url(../images/bg-top-maincontent2.png) top left no-repeat}
.bottom1 {width:830px; height:15px;position:absolute; bottom:-15px; left:0; background:url(../images/bg-bottom-maincontent.png) left top no-repeat}
.bottom2 {width:830px; height:15px;position:absolute; bottom:-15px; left:0; background:url(../images/bg-bottom2-maincontent.png) left top no-repeat}
.row1 h2,.row2 h2 {font-size:18px; color:#060; margin:0 0 5px 0; font-style:normal; text-transform:uppercase}
.row1 img,.row2 img {float:left; margin: 0 10px 0 0; width:26%; height:auto }
.review-user {width:20%; float:left}
.review-user img {width:80px; height:80px; float:left; margin:0 0 5px 0}
.review-user .user {font-size:13px; float:left; color:#060; width:100%}
.review-user .from {font-size:11px; float:left; width:100%}
.review-comment {width:80%; float:right}
.review-comment .review-rate { line-height:16px; color:#666}
.review-comment img {width:69px; height:14px; float:left; margin-right:5px}
.trip {position:absolute; top:0px; right:10px; z-index:5}

/* Mobile Device */
.main-select-menu,.mobile-slide,.pc-x  {display:none;}
.main-select-menu select {width:100%;padding:10px;z-index:99;}

/*  Footer */
footer {width:100%; height:40px; position:fixed; bottom:0; left:0; z-index:10; background:#421b48; font-weight:normal; line-height:13px}
.footer-in { width:990px; margin:0 auto; height:65px; position:relative; background:#421B48 url(../images/bg-header.jpg) bottom center no-repeat}
footer ul {}
footer li {font-size:10px; display:inline}
.footer-l {position:absolute; left:0; top:4px}
.footer-l span {color:#fff; font-weight:bold;}
.footer-r {font-size:10px;position:absolute; right:0; top:7px; text-align:right}
.footer-r img {margin:0 0 0 7px; float:right}
.footer-r br {clear:both}
footer, footer a, footer a:hover {text-decoration:none; color:#fff}
footer a:hover {text-decoration:underline}
.load-item {display: block;}
#progress-bar {left: -751.4093806418459px;}
#slide-list {margin-left: -17px;}
.mb50 {margin-bottom:50px}
.fr {float:right}

/* show hide button */
.menu-toggle {
	width:105px;
	height:30px;
	text-indent:-99999px;
	cursor:pointer;
	position:absolute;
	opacity:1;
	top:-37px;
	right:-1px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease;
	z-index:100
	}

.menu-toggle:hover {
	opacity:1;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease;
	}

.menu-toggle-off {
	background: url(../images/menu/menu_toggle.png) 0 top;
}

.menu-toggle-on {
	background: url(../images/menu/menu_toggle.png) 0 bottom;
}

/*booking on first page*/

.reservation-bar { width:1000px; height:50px; position:absolute; bottom:20px;  margin:15px 20px 0 0; background:url(../images/bg-book.png) left no-repeat;  }
.reservation-bar h2 {float:left}
.reservation-bar input[type="text"] {color:#fff;width:100px; text-align:left;font-size:11px; border:none; padding:7px 0 7px 4px; background:transparent url(../images/cal2.png) right no-repeat; border:2px solid #fff}
.reservation-bar select {color:#fff;width:40px;font-size:11px; border:none; padding:6px 3px; background:transparent; outline:none !important  }
.reservation-bar select option {background:#421B48 }
.reservation-bar label,.reservation-bar form {float:left; display:block;}
.reservation-bar label {margin-left:4px; }
.reservation-bar form {font-size:11px}
.reservation-bar label {color:#fff;line-height:26px; }
.check-in,.check-out,.room,.adult,.child,.night,.access-code {float:left; margin:13px 8px 0 0; outline:none; }
.room,.adult,.child {border:2px solid #fff; }
.check-in {margin-left:185px}
.access-code input[type="text"] {background:transparent; width:90px; text-align:center; padding:7px 0; margin-left:5px}
.reservation-bar input[type="image"]{height:32px; width: auto;margin:10px 0 0 10px; }
label.Check-rate-Availability {font-size:18px;line-height:26px;}

.reservation-bar input[type="submit"] {
	font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;;
display: inline-block;
color: #fff;
font-size: 18px;
font-weight: bold;
padding: 6px 18px 6px 20px;
border: none;
background:#b8765c;
cursor: pointer;
position:relative;
bottom: 20px;
text-align: center;
text-transform: uppercase; margin:30px 0 0 30px}
.reservation-bar input[type="submit"]:hover  { background:#421b48}


::-webkit-input-placeholder {
   color:#ccc;
}


/*booking on accommodation page */
.reservation-bar2 { width:200px; height:160px; position:relative;  margin:0 20px 0 10px;/* background:url(../images/bg-book.png) top center no-repeat*/  border-radius:4px  }
.reservation-bar2 h2 {float:left}
.reservation-bar2 input[type="text"] {color:#000;width:80px; text-align:left;font-size:11px; border:none; padding:7px 0 7px 4px; background:#fff url(../images/cal3.png) right no-repeat;}
.reservation-bar2 select {color:#000;width:53px;font-size:11px; border:none; padding:6px 3px; background:#fff; height:25px }
.reservation-bar2 label,.reservation-bar form {float:left; display:block;}
.reservation-bar2 label {margin-right:5px; text-transform:uppercase}
.reservation-bar2 form {font-size:11px}
.reservation-bar2 label {color:#fff;line-height:10px; font-size:10px}
.check-in2,.check-out2,.access-code2 {float:left; margin:10px 8px 0 10px}
.room2,.adult2,.child2,.night2 {margin:0px 0 0 10px; float:left}
.check-in2, .check-out2 {margin:10px 0 0 10px}
.access-code2 input[type="text"] {background:#fff; width:180px; text-align:center; padding:7px 0; }
.reservation-bar2 input[type="image"]{height:32px; width: auto;margin:10px 0 0 10px}
label.Check-rate-Availability2 {font-size:18px;line-height:26px;}

.reservation-bar2 input[type="submit"] {
display: inline-block;
color: #fff;
font-size: 18px;
font-weight: bold;
padding: 8px 35px 5px 35px;
border: none;
background:#60275A;
cursor: pointer;
position:relative;
bottom: 15px;
font-family:Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase; margin:25px 0 0 10px}

.award-all {display: none !important}