*{ padding: 0px; }

body, html{ height: 100%; margin: 0;height: auto; min-height: 100%}

body{

	font: 13px PT Sans, Arial, Helvetica, sans-serif;

	background-color: #fff;

	background-repeat: repeat;

	color: #755c55;

	}

a{ outline: none; text-decoration:none; color:#755c55; }

a:hover{text-decoration:none; color:#f16d00}

a img{ border: none; }

p {margin:0 0 10px 0}

h1, h2 {font-family:PT Sans Narrow, sans-serif;text-transform:uppercase}

h1 {font-size:26px; color:#755c55}

h2 {font-size:18px; color:#755c55}

strong, b {font-family:Arial, Helvetica, sans-serif; font-weight:bold}

.clear {clear:both; display:block; width:100%}

.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;}

.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;

	}

strong,b {font-weight:bold}

em,i {font-style:italic}

@font-face {

  font-family: 'PT Sans Narrow';

  src: url('../font/pt_sans-narrow-web-regular-webfont.eot');

  src: url('../font/pt_sans-narrow-web-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/pt_sans-narrow-web-regular-webfont.woff') format('woff'),

         url('../font/pt_sans-narrow-web-regular-webfont.ttf') format('truetype'),

         url('../font/pt_sans-narrow-web-regular-webfont.svg#PT Sans Narrow') format('svg');

   font-weight: 400;

   font-style: normal;

}

@font-face {

  font-family: 'PT Sans Narrow';

  src: url('../font/pt_sans-narrow-web-bold-webfont.eot');

  src: url('../font/pt_sans-narrow-web-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/pt_sans-narrow-web-bold-webfont.woff') format('woff'),

         url('../font/pt_sans-narrow-web-bold-webfont.ttf') format('truetype'),

         url('../font/pt_sans-narrow-web-bold-webfont.svg#pt_sans_narrowbold') format('svg');

  font-weight: 700;

  font-style: normal;

}

@font-face {

  font-family: 'PT Sans';

  font-style: normal;

  font-weight: normal;

  src: url('../font/pt_sans-web-regular-webfont.eot');

  src: url('../font/pt_sans-web-regular-webfont.eot?#iefix') format('embedded-opentype'),

       url('../font/pt_sans-web-regular-webfont.woff') format('woff'),

       url('../font/pt_sans-web-regular-webfont.ttf') format('truetype'),

       url('../font/pt_sans-web-regular-webfont.svg#pt_sansregular') format('svg');

}

@font-face {

  font-family: 'PT Sans';

  src: url('../font/pt_sans-web-italic-webfont.eot');

    src: url('../font/pt_sans-web-italic-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/pt_sans-web-italic-webfont.woff') format('woff'),

         url('../font/pt_sans-web-italic-webfont.ttf') format('truetype'),

         url('../font/pt_sans-web-italic-webfont.svg#pt_sansitalic') format('svg');

    font-weight: normal;

    font-style: italic;

}

@font-face {

  font-family: 'PT Sans';

  src: url('../font/pt_sans-web-bold-webfont.eot');

    src: url('../font/pt_sans-web-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/pt_sans-web-bold-webfont.woff') format('woff'),

         url('../font/pt_sans-web-bold-webfont.ttf') format('truetype'),

         url('../font/pt_sans-web-bold-webfont.svg#pt_sansbold') format('svg');

    font-weight: bold;

    font-style: normal;

}

/* website */

.only-phone {display:none}

header {position:fixed; top:0; left:0; width:100%; background:#fff; height:70px; z-index:100}

.logo {display:block; margin:0 auto; height:100%; width:auto}

.btn-reservation { display:block; background:#f16d00; height:40px; width:100px; color:#fff; padding:15px; position:absolute; left:5%; top:0; border-radius:0 0 10px 0}

.btn-reservation strong,.btn-reservation span {display:block; text-transform:uppercase}

.btn-reservation span {font-size:0.8em}

.btn-reservation:hover {color:#fff; background:#eb7502}

nav {width:100%; height:38px; position:fixed; top:70px; left:0; z-index:100}

nav ul {display:block; width:940px; height:38px; margin:0 auto; background:url(../images/bg-nav.png) top center no-repeat; text-align:center}

nav li {display:inline; line-height:38px; margin:0 10px;float: left;}

nav li:first-child {margin-left:75px}

nav a {color:#fff; font-size:1.2em; font-weight:normal;}

nav a:hover {color:#f9ba21}

.language {position:absolute; bottom:35px; right:20px;}

.language a {font-size:0.9em; margin:0 5px}

.social {position:absolute; bottom:10px; right:20px; height:25px; width:auto; display:block}

.intro {display:block; position:absolute; bottom:100px; right:50px;width:480px;z-index:2; text-align:right; padding-bottom:20px}

.intro h1,.intro h2, .intro p {color:#fff;text-shadow: 1px 1px 1px #000;}

.intro h1,.intro h2 {font-family:PT Sans Narrow, sans-serif;}

.intro h2 {font-size:22px}

.intro h1 {font-size:34px; text-transform:uppercase; color:#fff; }

.promotion-banner {position:absolute; bottom:160px; left:15px; height:80px; width:233px }

.promotion-banner-2 {position:absolute; bottom:250px; left:15px; width:233px }

.promotion-banner img {border-radius:5px}

.promotion-banner-2 img {border-radius:5px}

.partner {position:absolute; bottom:53px; left:15px; height:90px; }

.partner img {height:100px; width:115px; margin-right:10px; float:left; border-radius:5px}

.wrap-content {position:absolute; width:100%; top:0; height:100%; display:table;}

.mid-ver {width:100%; display:table-cell; vertical-align:middle;}

.content {width:990px; margin: 70px auto 0 auto; position:relative;z-index: 10;}

.content-head {position:relative;}

.content-title {position:absolute; text-align:center; padding:0; height:100%; background:#f16d00; width:23%; text-transform:uppercase; top:0; left:0; border-radius:5px}

.content-title h1 {color:#fff; margin:14% 0 0 0; line-height:none}

.content-title-spa {position:absolute; text-align:center; padding:0; height:100%; background:#fff; width:23%; text-transform:uppercase; top:0; left:0; border-radius:0px}

.content-title-spa h1 {color:#fff; margin:14% 0 0 0; line-height:none}

.content-head p {display:block; padding:1%; background:rgba(255,255,255,.8); width:74%; margin:0 0 0 24%; border-radius:5px}

.content-head span {display:block; float:left}

.accommodation-l {width:40%; float:left; margin:1% 0 0 0;}

.accommodation-c {width:25%; float:left; margin:1% 0 0 0;}

.accommodation-r {width:35%; float:left; margin:1% 0 0 0;}

.room1-1,.room1-2,.room1,.room2,.room3,.room4,.room5,.room6,.room7 {float:left; border-radius:5px; height:160px; position:relative}

.room h2,.wrap-col2 h2 { color:#fff;font-size:12px; font-family: PT Sans, Arial, Helvetica, sans-serif; padding:2% 1% 0 1%; line-height:normal; position:absolute; bottom:0; background:#f16d00; display:block; width:98%; border-radius:0 0 5px 5px; z-index:11; text-transform:none}

.room img {width:100%; height:100%; border-radius:5px;}

.room1 {width:98%; margin:0 2% 0 0;}

.room1-1,.room1-2 {width:48%; margin:0 2% 0 0}

.room2 {width:48%; margin:2% 2% 0 0}

.room3 {width:48%; margin:2% 2% 0 0}

.room4 {width:97%; margin:0 3% 0 0; height:328px}

.room5 {width:49%; margin:0 2% 2% 0}

.room6 {width:49%; margin:0 0 2% 0}

.room7 {width:100%; margin:0 2% 0 0}

.room1 .roll p,.room7 .roll p {margin:20% auto 0 auto; font-size:69px; line-height:0px;}

.room1-1 .roll p,.room1-2 .roll p,.room2 .roll p,.room3 .roll p,.room5 .roll p,.room6 .roll p {margin:40% auto 0 auto; font-size:69px; line-height:0px;}

.room4 .roll p {margin:65% auto 0 auto; font-size:69px; line-height:0px;}

.wrap-col2 {width:100%; float:left}

.col2-l {width:49.5%; margin:1% 1% 0 0;float:left; border-radius:5px; height:200px; position:relative}

.col2-r {width:49.5%; margin:1% 0 0 0;float:left; border-radius:5px; height:200px; position:relative}

.col2-l .roll p,.col2-r .roll p {margin:20% auto 0 auto; font-size:69px; line-height:0px;}

.col2-l img,.col2-r img {width:100%; height:200px; border-radius:5px;}

.l-content {margin:0 0 0 40px; padding:15px; background: rgba(255,255,255,.8); width:460px; position:relative; border-radius:5px}

.l-content h1 { color:#fff; display:block; margin:-15px -15px 10px -15px; padding:10px 15px 5px 15px; background:#f16d00; border-radius:5px 5px 0 0}

.l-content h2 {margin-bottom:10px; line-height: normal}

.l-content ul {margin:0 0 10px 0}

.l-content li {width:45%; float:left;margin:0 0 0 15px; list-style-image:url(../images/list.png)!important; font-size:0.9em}

.l-content a {text-decoration:underline}

.r-content {padding:15px; background: rgba(255,255,255,.8); width:460px; position:absolute; right:2%; bottom:0; border-radius:5px}

.r-content h1 { color:#fff; display:block; margin:-15px -15px 10px -15px; padding:10px 15px 5px 15px; background:#f16d00; border-radius:5px 5px 0 0}

.r-content h2 {margin-bottom:10px; line-height: normal}

.r-content ul {margin:0 0 10px 0}

.r-content li {width:45%; float:left;margin:0 0 0 15px; list-style-image:url(../images/list.png)!important; font-size:0.9em}

.r-content a {text-decoration:underline}

.btn-booknow,.btn-booknow:link,.btn-booknow:hover {color:#fff; float:right; background:#f16d00; padding:10px 10px 5px 10px; margin:0 -15px 0 0; font-size:1.2em; border-radius:5px 0 0 0; text-decoration:none}

.wrap-l-content {position:relative; min-height:400px;margin-top: 40px;}

.wrap-btn {float:left; width:100%;}

.content-item-list { margin-top:100px;padding:50px}

.content-item-list-pro { margin-top:100px;}

.item-list { width:100%; position:relative; margin:0 0 15px 0; background:#fff; border-radius:5px; min-height:50px}

.item-head {position:absolute; left:0; top:0;background: #f16d00; width:18%; height:100%; border-radius:5px 0 0 5px; padding:0; display:block;}

.item-head h2 {color:#fff; margin:10px}

.item-thumb {width:37%; height:auto; margin:1% 1% 1% 19%; float:left;}

.item-detail {width:40%; float:left;  padding:1%}

.item-detail h3 {font-weight:bold; font-size:1.2em}

.item-detail ul {margin:0 0 10px 0}

.item-detail li {margin:3px 0 0 15px; list-style-image:url(../images/list.png)!important;}

.from { font-weight:bold;padding-right:5px;}

.price-from {font-size:2em; color:#f16d00}

.price { border-radius:5px; background:#eee; padding:5px 140px 0 10px; float:left; position:relative;}

.price a {position:absolute;right:0; top:0;background: #f16d00; width:120px; height:100%; border-radius:0 5px 5px 0; padding:0; display:block; color:#fff; text-align:center; line-height:43px; font-size:1.2em}

.content-top {display:block; padding:1% 18px 1% 1%; background:rgba(255,255,255,.8); width:73%; margin:0 0 0 24%; border-radius:5px}

.col2-contact {width:48%; margin:10px 2% 0 0; float:left; text-align:center}

.col3 {width:30%; margin:10px 2% 0 0; float:left}

.col3in4 {width:68%; margin:10px 0 0 0; float:left}

.row {display:block; padding:0; background:rgba(255,255,255,.8); width:98%; margin:10px 0 0 0; border-radius:5px; padding:15px 1% 0 1%}

.bg-pattern {background:url(../images/bg.jpg)}

.col2 {width:48%; margin:0 1%; float:left}

.table {width:100%; margin-bottom:15px}

.table td {border-bottom:#ccc dotted 1px; padding:5px}

.btn,.btn:hover {border-radius:5px; padding:5px 10px 5px 32px; color:#fff; margin-top:10px; display:block; float:left; margin-right:15px}

.printmap {background:#f16d00 url(../images/icon-print3.png) left no-repeat}

.location {background:#f16d00 url(../images/icon-location3.png) left no-repeat}

.map {width:100%; height:100%; position:absolute; top:0; left:0;}

.padding {width:96%; padding:1% 2%}

.guest-name {font-style:italic; margin-bottom:0}

.sitemap {}

.sitemap li {width:18%; float:left; padding:5px 0; border-bottom:1px #666 dotted; margin:0 0.5%}

.gallery img {width:9%; margin:.5%; height:auto; float:left}

.pressroom img {width:auto; margin:10px; height:200px; float:left}

footer {position:fixed; bottom:0; left:0; width:100%; background:#fff; height:38px; z-index:20}

footer ul {margin-left:15px;float: left;}

footer li {display:inline; line-height:38px; margin:0 3px}

footer a,.copyright {font-size:0.8em; font-weight:normal; text-transform:uppercase}

footer a:hover { text-decoration:underline}

.copyright { position:absolute; right:15px; top:0; text-align:right; line-height:38px; }

.copyright a {font-size:1em}

/* custom drop down */

.styled select {background: transparent;-webkit-appearance: none;width:60px}

.styled{overflow: hidden;background:#755c55 url(../images/bg-dropdown.png) no-repeat right;width:35px}

/* Tool Tips ====================================== */

.tip-twitter{ background-color:#755c55; border-radius:4px; color:#c0bde7; max-width:200px; moz-border-radius:4px; padding:8px 8px; text-align:left; webkit-border-radius:4px; z-index:1000;}

.tip-twitter .tip-inner{ font:11px/14px}

.tip-twitter .tip-arrow-top{ background:url(../images/tip-twitter_arrows.gif) no-repeat; height:5px; left:50%; margin-left:-5px; margin-top:-5px; top:0; width:9px;}

.tip-twitter .tip-arrow-right{ background:url(../images/tip-twitter_arrows.gif) no-repeat -9px 0; height:9px; left:100%; margin-left:0; margin-top:-4px; top:50%; width:5px;}

.tip-twitter .tip-arrow-bottom{ background:url(../images/tip-twitter_arrows.gif) no-repeat -18px 0; height:5px; left:50%; margin-left:-5px; margin-top:0; top:100%; width:9px;}

.tip-twitter .tip-arrow-left{ background:url(../img/tip-twitter_arrows.gif) no-repeat -27px 0; height:9px; left:0; margin-left:-5px; margin-top:-4px; top:50%; width:5px;}

ul.room_facilities{background:url(../images/icons_room.png) left top no-repeat; height:30px; margin:15px 0}

ul.room_facilities li{ display:block; float:left; height:30px; margin:0 18px 0 0; text-indent:-9999px; width:30px;}

ul.room_facilities li a{ cursor:pointer; display:block; height:30px; width:30px;}

ul.room_facilities li.lcd a{ background:url(../img/icons_room.png) no-repeat -1px 0;}

ul.room_facilities li.wifi a{ background:url(../img/icons_room.png) no-repeat -50px 0;}

ul.room_facilities li.safe a{ background:url(../img/icons_room.png) no-repeat -97px 0;}

ul.room_facilities li.bath a{ background:url(../img/icons_room.png) no-repeat -144px 0;}

ul.room_facilities li.loundry a{ background:url(../img/icons_room.png) no-repeat -192px 0;}

ul.room_facilities li.parking a{ background:url(../img/icons_room.png) no-repeat -242px 0;}

ul.room_facilities li.breakfast a{ background:url(../img/icons_room.png) no-repeat -288px 0;}

ul.room_facilities li.dinner a{ background:url(../img/icons_room.png) no-repeat -335px 0;}

.facilities_desc{ background-color:#f9f9f9; border:1px solid #ededed; padding:12px}

.facilities_desc ul li { border-bottom:1px solid #e8e8e8;}

.facilities_desc ul li:last-child { border-bottom: none; }

/* show hide button */

.menu-toggle {width:105px;height:30px;text-indent:-99999px;cursor:pointer;position:absolute;opacity:1;top:10px;left:420px;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;transition: all 0.2s ease;z-index:1}

.toggle2 {top:0; left:inherit; right:-40px}

.toggle3,.toggle4 {top:0; left:inherit; left: 655px;}

.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_toggle.png) 0 top;}

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

/*epand div */

#switch, .switch {margin-bottom:5px; text-align:right}

.expand{width:60px; height: auto; position:absolute; bottom:0; right:0; z-index:1000;}

.expand a {display:block;padding:10px 0; }

.expand a:link, .expand a:visited {background-image:url(../images/arrow-down.png);background-repeat:no-repeat;}

.expand a.open:link, .expand a.open:visited {border-style: none;background:url(../images/arrow-up.png) no-repeat}

.ui-widget {font-size: 11px !important;}

.live-chat {

display:block;

position: fixed;

width: 54px;

height: 54px;

background-image: url(../images/icon-live-chat.png) !important;

background-repeat:no-repeat !important;

background-size:100% !important;

right: 0;

top: 85px;

z-index:100

}

.vdo-present {width:150px; height:90px; background:#ccc; float:right; position:absolute; top:150px; right:0}

/*dd menu */

.in-dd {width:660px; margin:0 auto;}

.dropdown_fullwidth {margin:-38px 0 0 0!important; padding-top:20px}

.dd-content {background:#f16d00; margin:0; padding:10px; position:relative; z-index:5; border-radius:0 0 5px 5px}

.dd-content ul {width:100%; background-image:none}

.dd-content li {width:23%; margin:0!important; display:inline-block; float:left; font-size:12px; color:#fff;text-align: left; padding:1%}

.dd-content a {color:#fff!important; font-size:12px; background:none; line-height:13px; float:inherit; text-transform:none; padding:0}

.dd-content li a {background:none}

.dd-content a:hover {color:#d0bd7e!important}

.dd-content strong {margin-bottom:5px; font-weight:normal; display:block}

.dd-content img {width:100%; margin-bottom:5px; height:auto; float:left}

.dd-content h2 { color:#515149;font-family: Gill Sans MT, Arial, sans-serif; line-height:normal; font-size:12px; color:#fff;}

/* contact form */

.contact-field {width:100%; min-height:30px; margin-top:10px; float:left; border-bottom:1px dotted #666; padding-bottom:5px; position:relative}

.contact-field2 {margin-top:0; padding:0 0 15px 39%}

.contact-field label { display:block;float:left;width:35%; line-height:30px; text-align:left; padding-right:15px; font-size:12px}

.contact-field input[type="text"],.contact-field select,.contact-field2 input[type="text"],.contact-field input[type="email"] {height:20px; padding:3px; background:#999; width:59%; font-size:13px; border:none}

.contact-field select {width:60%;padding:5px; height:27px; line-height:27px}

.contact-field textarea {padding:3px; background:#999; width:59%;height:50px; font-size:13px;border:none}

.contact-field2 input[type="submit"],.contact-field2 input[type="reset"] {display:block; color:#fff; padding:5px; background:#4d4d4d; border:none; cursor:pointer; float:left; margin:15px 15px 0 0; border-radius:5px; font-size:1em}

.contact-field2 input[type="submit"]:hover,.contact-field2 input[type="reset"]:hover {background:#333;}

.div-captcha {float:left;width:59%; font-size:11px}

form {margin:0;padding:0;}

.contact-button {width:60px;}

.error {color:#ff0000;margin:0 0 10px 0;}

.accept {color:#339966;margin:0 0 10px 0;}

.address { display:block;float:right; margin:0; width:30%; line-height:20px}

.shwdow {box-shadow: 5px 5px 15px #aaa;}

.phuket {width:100%; height:100%; position:absolute; top:0; left:0; display:table}

.underconstruction {display:table-cell; vertical-align:middle; text-align:center; padding-left:280px}

.underconstruction p {text-align:center; background:rgba(255,255,255,.8); width:470px; margin:0 auto; font-size:24px; font-weight:bold; padding:15px; border-radius:10px}

.contact-field input[type="checkbox"] { margin-right:5px}

.contact-field ul {margin:0; padding:0; list-style:none; width:auto}

.contact-field li {margin:3px 0 0 0; padding:0; list-style:none; background:none}

.s-text {margin: 0 0 5px 0;float: left;font-size: .9em;}

.captcha-img {width:35%; height: auto; margin-right:15px; float:left}

/* reservation bar */

.reservation-bar {position:relative; float:right; padding:8px 20px 0 10px;background: #eb7502;margin-top: 25px;}
@media(min-width: 768px){.reservation-bar{margin-top: 0;}}

.reservation-bar h2 { margin:-25px -119px 0 -10px; float:left; display:block; padding:5px; background:#eb7502; color:#fff; font-size:12px; border-radius:5px 5px 0 0}

.reservation-bar input[type="text"] {color:#333;width:90px; text-align:left;font-size:11px; border:1px #ccc solid; padding:3px 0 3px 10px; background:#eee url(../images/cal2.png) right no-repeat;}

.reservation-bar select {color:#333;background:#eee;border:1px #999 solid;width:40px;font-size:11px; border:none; padding:3px; }

.reservation-bar label,.reservation-bar form {float:left; display:block;}

.reservation-bar label {margin-right:5px; text-transform:uppercase;font-size:11px; color:#fff;line-height:24px;}

.reservation-bar form {font-size:11px}

.dd-section {float:left}

.check-in,.check-out,.select-room,.adult,.child,.night,.access-code {float:left; margin-right:7px}

.access-code input[type="text"] {color:#333;background:#eee;border:1px #ccc solid; width:90px; text-align:center; padding:3px 0}

.reservation-bar input[type="image"]{height:30px; width: auto;margin-top: -4px;}

label.Check-rate-Availability {line-height:26px; color:#333}

.photo-popup { width:700px; height:438px; margin-top:20px }

.for-popup {position: fixed;

top:100px;

right:3%;

z-index: 1001;}

/** Triptese
*/
iframe[src$='guestpa.html'] {
  bottom: 46px !important;
}