@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'ufonts.com_century-gothic';
	src: url('../fonts/ufonts.com_century-gothic.eot');
	src: url('../fonts/ufonts.com_century-gothic.eot?#iefix') format('embedded-opentype'), url('../fonts/ufonts.com_century-gothic.woff2') format('woff2'), url('../fonts/ufonts.com_century-gothic.woff') format('woff'), url('../fonts/ufonts.com_century-gothic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Tahoma_Bold';
	src: url('../fonts/Tahoma_Bold.eot');
	src: url('../fonts/Tahoma_Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Tahoma_Bold.woff2') format('woff2'), url('../fonts/Tahoma_Bold.woff') format('woff'), url('../fonts/Tahoma_Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Tahoma';
	src: url('../fonts/Tahoma.eot');
	src: url('../fonts/Tahoma.eot?#iefix') format('embedded-opentype'), url('../fonts/Tahoma.woff2') format('woff2'), url('../fonts/Tahoma.woff') format('woff'), url('../fonts/Tahoma.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
* {
	margin: 0px;
	padding: 0px;
}
body, html {
	background: #f8f8f8;
	margin: 0px;
	padding: 0px;
}
.cl {
	clear: both;
}
.right {
	float: right;
}
.left {
	float: left;
}
a.active{
    color: #000!important;
}
.number-next-page a {
    color: #555;
}
a {
	color: inherit;
	text-decoration: none;
}
p, .text_section, .Click-here {
	font-family: 'Tahoma';
	font-size: 14px;
	line-height: 20px;
	margin: 20px 0px;
	text-align: justify;
	color: #363636;
}
.Click-here {
	margin: 0px !important;
}
.warper {
	width: 963px;
	max-width: 963px;
	margin: 0px auto;
	background: #fff;
}
.warper_in, .warper_in-3 {
	width: 751px;
	max-width: 963px;
	margin: 50px auto;
}
.warper_in-3 {
	width: 570px;
}
#menu .b-nav, #footer {
	line-height: 50px;
	height: 50px;
	background: #000;
	font-family: 'ufonts.com_century-gothic';
}
#menu .b-nav li {
	text-transform: uppercase;
	float: left;
	list-style: none;
	padding: 0px 0px 10px 12px !important;
	color: #fff;
	font-size: 15px;
}
.b-nav ul{
    margin: 0px auto;
    width: 860px;

}
.socila img {
	margin-top: 7px;
}
#banner {
	position: relative;
	height: 500px;
}
#banner img {
	float: left;
	margin-top: -10px;
}
#logo {
	position: absolute;
	bottom: 0px;
}
.title {
	font-size: 25px;
	font-family: 'Tahoma_Bold';
	text-transform: uppercase;
}
.booknow, .viewgallery {
	padding: 0px 20px;
	font-size: 25px;
	line-height: 52px;
	height: 52px;
	font-family: 'Tahoma';
	background: #000;
	text-transform: uppercase;
	color: #fff;
	margin: 20px auto;
}
.section2.gallery-inner .right, .section2.gallery-inner .left {
	margin-bottom: 10px;
}
.viewgallery {
	font-size: 14px;
	text-align: center;
	padding: 0px !important;
	line-height : 34px;
	height: 34px;
	width: 133px;
}
.section3 {
	background: url(../images/bg-section3.png) no-repeat left top;
	height: 905px;
}
.section3 .title {
	padding-top: 123px;
}
.section3 .title, .section4 .title {
	float: left;
	width: 215px;
	text-align: center;
}
.section3 .sexy_line {
	margin: 140px 0 0px 0;
}
.sexy_line {
	width: 268px;
	margin: 20px 0 0px 0;
	height: 1px;
	background: black;
	background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, black));
}
.kohsamui_boxinner {
	padding: 0px 48px 0px 48px;
	border: 2px solid #ccc5b4;
	border-top: 3px solid #ccc5b4;
	margin-top: 25px;
	border-bottom: 3px solid #ccc5b4;
}
.kohsamui_boxinner img {
	border: 1px solid #ccc5b4;
}
#map-canvas2 {
	width: 100%;
	height: 355px;
	margin-top: 25px;
}
#footer {
	    height: auto;
	width: 100%;
	line-height: 16px;
	padding: 0px;
	margin: 80px auto 0px auto;
	color: #fff;
	padding: 10px 0px;
}
#footer p {
	width: 455px;
	margin: 0px auto;
	text-align: center;
	font-size: 12px;
	font-family: 'ufonts.com_century-gothic';
	color: #fff;
}
#footer ul {
	width: 445px;
	margin: 0px auto;
}
#footer ul li {
	float: left;
	margin: 0px 5px 5px 5px;
	list-style: none;
	text-transform: uppercase;
	font-size: 13px;
}
.image-footer {
	margin-top: 80px;
}
.image-footer li {
	float: left;
	list-style: none;
}
.image-footer li.i-2 {
	margin: 0px 5px;
}
.title-list, .owner p, .ow {
	font-size: 14px;
	font-family: 'Tahoma_Bold';
	color: #363636;
	text-transform: uppercase;
}
li#room-list {
	position: relative;
}
.sub-room {
	line-height: 25px;
	display: none;
	position: absolute;
	top: 50px;
	background: #000;
	font-size: 13px;
	z-index: 1;
	padding: 0px 23px 15px 23px;
	width: 115px;
	left: -5px;
}
.for-plan {
	padding: 20px 0px 0px 0px;
	margin: 0px auto;
	text-align: center;
	font-family: 'Tahoma';
	text-transform: uppercase;
	font-size: 14px;
}
.Popup-title {
	margin-bottom: 15px;
}
.Close-Window {
	background: #000;
	color: #fff;
	width: 126px;
	line-height: 34px;
	margin: 20px auto;
}
ul.gallery-album-list li {
    float: left;
    width: 224px;
    background: #fff;
    list-style: none;
    
    margin: 13px;
}
ul.gallery-album-list li img {
	float: left;
}
ul.gallery-album-list li p img {
	float: none;
	text-align: center;
}
ul.gallery-album-list li p {
	text-align: center !important;
	font-family: 'Tahoma';
	font-size: 18px;
	color: #3b3c3e;
	line-height: 30px;
	padding: 30px 0px;
}
ul.gallery-album-list li i {
	font-size: 24px;
}
/*.center-gallery {
	margin: 0px 39px;
}*/
.gallery-album {
	background: #ededed;
	padding: 30px 0px;
}
.gallery-lr, .center-gallery {
	position: relative;
}
.youtube {
	position: absolute;
	bottom: 70px;
	left: 50%;
	margin-left: -30px;
}
.form-reservations {
	border: 1px solid #000;
	padding: 30px;
	margin-top: 60px;
}
.book-name, .book-box {
	width: 30%;
	float: left;
	margin-bottom: 10px;
	line-height: 26px;
}
.book-box {
	width: 70%;
}
.button {
	border: 1px solid #999;
	border-radius: 3px;
	line-height: 21px;
	width: 45px;
	background: #fff;
	margin: 10px;
}
.form-reservations, .address, .required {
	font-family: 'Tahoma';
	font-size: 14px;
	color: #363636;
}
.required {
	font-size: 11px;
	color: #FF0004;
}
.form-reservations input, .form-reservations select {
	border-radius: 3px;
	padding: 0px !important;
	border: 1px solid #999;
}
.in1 input, .in2 input {
	height: 24px;
}
.in1 input {
	width: 62%;
}
.in1 select, .in2 select {
	height: 26px;
}
.in2 select, .in2 input {
	width: 78%;
}
.boxbook-2 {
	width: 380px;
	margin: 0px auto;
	text-align: center;
}
.boxbook-2 textarea {
	margin: 10px 0px;
	width: 100%;
	height: 70px;
}
.book-box span {
	margin: 0px 5px;
}
.address {
	text-align: right;
	margin-top: 53px;
}
.location-map {
	margin-top: 60px;
}
.owner, .owner img {
	float: right;
}
.owner p {
	text-align: center !important;
	background: #ededed;
	margin: 0px !important;
	line-height: 30px;
}
#David-Hill #banner, #gallery-videos #banner, #gallery #banner {
	display: none;
}
#koh-samui #kohsamui-last a, #location #location-last a, #bophut #bophut-last a, #resources #resort-last a, #site-map #sitemap-last a, #index #index-last a, #about #about-last a, #amenities #amenities-last a, #overview #over-last a, #overview #room-list span, #standard-room #stan-last a, #standard-room #room-list span, #penthut-room #pent-last a, #penthut-room #room-list span, #gallery #gallery-last a, #gallery-videos #gallery-last a, #guest-comments #GUEST-last a, #booknow #book-last a,#annex #annex-last a, #annex #room-list span {
	color: #8e8d8d;
}
.text_section .title-list, #guest-comments .title-list {
	text-transform: capitalize;
}
.daily-rates {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}
.b-brand {
	top: -8px !important;
}
.number-next-page {
width: 165px;
 margin: 50px auto 0px auto;
font-family: 'Tahoma';
font-size: 16px;
}
a.dodo:hover{ color:#314DED;}
.fofo br{ display:none;}
.number-next-page a:hover,.number-next-page a.ac{ color:#666;}
#socail-list{     z-index: 1; position:fixed; left:0px; top:35%;}
 .socail-list-dis{ 
    webkit-transition: padding .15s ease-in-out .15s,width .15s ease-in-out;
    transition: padding .15s ease-in-out .15s,width .15s ease-in-out;
	width:48px;
	height:55px;
}
.icon-so{
	
	width:48px;
	height:55px;}
#socail-face{ background: #305891 url(../images/facebook-icon.jpg) no-repeat center center; }
#socail-trip{ background: #589442 url(../images/trip-icon.jpg) no-repeat center center;}
#socail-mail{ background: #707070 url(../images/mail-icon.jpg) no-repeat center center;}
#socail-face:hover,#socail-trip:hover,#socail-mail:hover{ width:4pc;}
#socail-list a {
    width: 100%;
}
.sitemap-dis{ margin-top:20px;}

/*  Popup */ 
#popup-extra {
	width: 100%;
	height: 100%;
	font-family: 'Tahoma';
}
.popup-extra-in {
	width: auto;
	max-width: 850px;
	padding: 15px;
	background: #fff;
}
.popup-extra-on {
	border: 1px solid #7f7f7f;
}
.popup-extra-title {
	background: #000;
	text-align: center;
	color: #fff;
	line-height: 50px;
	font-size: 25px;
	font-family: Tahoma_Bold;
}
.popup-extra-text, .popup-extra-image {
	width: 97%;
	text-align: center !important;
	margin: 20px auto;
	font-size: 14px;
    line-height: 25px;
}
.popup-extra-image div {
	width: 32.33%;
	float: left;
	padding: 15px 0px;
}
.popup-extra-image img {
	width: 100%;
}
.cl {
	clear: both;
}
.popup-extra-booknow {
	background: #000;
	color: #fff;
	width: 133px;
	line-height: 45px;
	margin: 25px auto 0px auto;
   font-size: 20px;
}
.popup-extra-text p {
	font-size: 12px;
    text-align: center !important;
}
.popup-extra-title {
	position: relative;
}

#blanket {
   background-color:#fff;
   opacity: 0.9;
   *background:none;
   position:absolute;
   z-index: 9001;
   top:0px;
   left:0px;
   width:100%;
}

#popUpDiv {
    position: absolute;
    width: 850px;
    max-width: 850px;
    height: auto;
    z-index: 50000000000;
    margin-left: -425px !important;
    top: 3% !important;
    left: 50% !important;
    margin-top: ;
    box-shadow: 1px 1px 16px 0px #000;
}
.popup-extra-close{
	
	z-index: 100000000000000000000;
    position: absolute;
    right: -13px;
    top:-13px;
}
.title-1{font-family: Tahoma_Bold; margin-bottom: 15px; text-transform: uppercase; font-size: 20px;}
.title-2{font-family: Tahoma_Bold;  text-transform: uppercase; font-size: 16px;  color: #363636;}
.popup-extra-image hr {
    color: #000;
    border-top: #000 1px solid;
}
.section2.warper_in.gallery-inner img{width:100% !important; max-width:751px !important ; margin:0px auto !important;}
/* End css Popup */