@charset "utf-8";

/* Header & Footer - Navigation & Booking */


	
.panel{
	z-index:200;
	}
@media screen and (max-width: 920px) {
.panel{
	z-index:900;
	}	
	}



.promo-panel#promo-pc-only {
	width:18%;
	height:auto;
	right:0%;
	bottom:-18vw;
	z-index:9999;
	
	position: fixed;
	
	transition:  .4s ease-in-out;
  	-o-transition:  .4s ease-in-out;
  	-ms-transition:  .4s ease-in-out;
  	-moz-transition:  .4s ease-in-out;
  	-webkit-transition:  .4s ease-in-out;
}
.promo-panel#promo-pc-only.show {
	bottom:-18vw;
}
@media screen and (max-width: 1400px) {
	.promo-panel#promo-pc-only {
		width:38%;
		bottom:-38vw;
	}
	.promo-panel#promo-pc-only.show {
		bottom:-38vw;
	}
}

@media screen and (max-width: 800px) {
.promo-panel#promo-pc-only {
	display:none;	
	}	
}



.panel#promo-mobile-only {
	display:none;
}

@media screen and (max-width: 800px) {
	.panel#promo-mobile-only {
		display: block;	
	}
	.panel#promo-mobile-only .promo-panel {
	
		width:100%;
		height:auto;
		right:0%;
		bottom:0px;
		z-index:9999;

		margin-top:50px;
		position: relative;
		background-color:#FFF;

		transition:  .4s ease-in-out;
		-o-transition:  .4s ease-in-out;
		-ms-transition:  .4s ease-in-out;
		-moz-transition:  .4s ease-in-out;
		-webkit-transition:  .4s ease-in-out;
	}	
	.panel#promo-mobile-only .promo-panel-row:last-of-type {
		margin-top:20px;	
	}
	.panel#promo-mobile-only .promo-panel .title-block p.heading {
		font-family:"Times New Roman";
		font-size: 150%;

		padding-left:0%;
		background: rgba(255, 255, 255, 1);

		text-transform:none;
	}
	
}
@media screen and (max-width: 500px) {
	.panel#promo-mobile-only .promo-panel .title-block p.heading {
		padding-left:3%;
	}
	
}


.promo-panel#promo-pc-only.active {
	bottom:0px;
}
.promo-panel .title-block {
	width:100%;
	text-align:right;
	

	
	padding-top:0px;
	padding-bottom:0px;
	
	margin:0px;
}

.promo-panel .title-block p.heading {
	
	width:96%;
	left:0%;
	position:relative;
	
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;

	padding-left:4%;
	padding-right:0%;
	background: rgba(51, 5, 51, .90);
	
	text-align:left;

	border-width: 0px;

	font-family:"Open Sans";
	font-size: 120%;
	color:#FFF;	
	cursor:pointer;
	
	text-transform:uppercase;
	
	transition:  .4s ease-in-out;
  	-o-transition:  .4s ease-in-out;
  	-ms-transition:  .4s ease-in-out;
  	-moz-transition:  .4s ease-in-out;
  	-webkit-transition:  .4s ease-in-out;
	

	content:"BOOK NOW";
}

.promo-panel .title-block p.heading.active {
	background-color:#7A564B;	
}

.hori-scroll-mobile,
.hori-scroll-pc{
	width:100%;

	padding:0;
	margin:0;

}
.hori-scroll img {
	width:100%;
}
.promo-panel-row {
	width:100%;
	height: auto;
	
	position: relative;
}
.promo-panel #left-pc,
.promo-panel #left-mobile {
	width:10%;
	
	left:0px;
	top:50%;
	transform: translate(-0%, -50%);
	-ms-transform:translate(-0%, -50%);
	
	position: absolute;
	opacity:0.4;

	z-index:999;
	
	-webkit-transition: .6s all;   
    -webkit-transition-delay: 0s; 
    -moz-transition: .6s all;  
    -moz-transition-delay: 0s; 
    -ms-transition: .6s all; 
    -ms-transition-delay:0s; 
    -o-transition: .6s all;  
    -o-transition-delay: 0s; 
    transition: .6s all;
	transition-delay: 0s;
	
	cursor:pointer;
	
	background-color: rgba(51,5,51,1)
}

.promo-panel #right-pc,
.promo-panel #right-mobile{
	width:10%;
	
	right:0px;
	top:50%;
	transform: translate(-0%, -50%);
	-ms-transform:translate(-0%, -50%);
	
	position: absolute;
	
	opacity:0.4;

	z-index:999;
	
	-webkit-transition: .6s all;   
    -webkit-transition-delay: 0s; 
    -moz-transition: .6s all;  
    -moz-transition-delay: 0s; 
    -ms-transition: .6s all; 
    -ms-transition-delay:0s; 
    -o-transition: .6s all;  
    -o-transition-delay: 0s; 
    transition: .6s all;
	transition-delay: 0s;
	
	cursor:pointer;
	
	background-color: rgba(51,5,51,1)
}
.promo-panel #left-mobile img,
.promo-panel #left-pc img,
.promo-panel #right-mobile img,
.promo-panel #right-pc img {
	width:100%;
}
.promo-panel #left :hover,
.promo-panel #right :hover{
	opacity:0.8;
	
	-webkit-transition: .6s all;   
    -webkit-transition-delay: 0s; 
    -moz-transition: .6s all;  
    -moz-transition-delay: 0s; 
    -ms-transition: .6s all; 
    -ms-transition-delay:0s; 
    -o-transition: .6s all;  
    -o-transition-delay: 0s; 
    transition: .6s all;
	transition-delay: 0s;
}
img.promotion-picture-panel {
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;	
	
	}
.promotions-link{
	width:100%;
	height:auto;
	color:#330533;
	
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
	z-index:10;
	background-color:#FFF;
	text-align:center;
	
	border-bottom-color:#330533;
	border-bottom-style:solid;
	border-bottom-width:1px;
	}




#header-nav-container{
	width:100%;
	height:auto;
	position:absolute;
	top:0px;
	z-index:998;
	opacity:1;
	}
#header-nav-bar{
	width:100%;
	background-color:#333;
	height:auto;
	position:relative;
	display:block;
	z-index:998;
	
	opacity:1;
	

	
	}

@media screen and (max-width: 920px) {
#header-nav-bar{
	
	border-bottom-color:#7A564B;
	border-bottom-style:solid;
	border-bottom-width:4px;
	
	text-align:right;
	
		-webkit-transition: 0s all;    
    -moz-transition: 0s all;   
    -ms-transition: 0s all;    
    -o-transition: 0s all;   
    transition: 0s all; 
	}
#header-nav-bar.border{
	border-bottom-width:0px;	
	}
	}
#logo-nav{
	width:135px;
	height:auto;
	margin-left:11%;
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:0px;
	}
@media screen and (max-width: 1500px) {
#logo-nav{
	width:135px;
	margin-left:3%;
}
	}
@media screen and (max-width: 1300px) {
#logo-nav{
	margin-left:3%;
	}
}
@media screen and (max-width: 920px) {
#logo-nav{
	width:80px;
	margin-right:3%;
	margin-left:0%;
	}
}
ul#header-navigation{
	width:auto;
	height:100%;
	position:absolute;
	right:11%;
	top:0px;
	list-style-type:none;
	margin:0px;
	padding:0px;
	vertical-align:middle;
	}
@media screen and (max-width: 1500px) {
ul#header-navigation{
	right:0%;
	}	
	}
@media screen and (max-width: 920px) {
ul#header-navigation{
	display:none
	}
}

ul#header-navigation li.header-nav-btn{
	float:left;
	margin-left:30px;
	margin-right:30px;
	top:50%;
	position:relative;
	transform: translate(-0%, -50%);
	-ms-transform:translate(-0%, -50%);
	-webkit-transform:translateY(-50%);
	}
@media screen and (max-width: 1100px) {
ul#header-navigation li.header-nav-btn{
	float:left;
	margin-left:15px;
	margin-right:15px;
}
	}
@media screen and (max-width: 920px) {
ul#header-navigation li.header-nav-btn{
	float:left;
	margin-left:8px;
	margin-right:8px;
}
	}
ul#header-navigation li.header-nav-btn a{
	text-decoration:none;
	font-family:"Times New Roman";
	font-size: 120%;
	color:#8C8C8C;
	
	-webkit-transition: .4s all;    
    -moz-transition: .4s all;   
    -ms-transition: .4s all;    
    -o-transition: .4s all;   
    transition: .4s all;    
	}
ul#header-navigation li.header-nav-btn a:hover{
	color:#7A564B;
	
	}
#header-booking-sub-container{
	width:100%;
	height:50px;
	top:26px;
	position:absolute;
	opacity:1;
	
	
	
	z-index:9;
	transition:  .4s ease-in-out;
  	-o-transition:  .4s ease-in-out;
  	-ms-transition:  .4s ease-in-out;
  	-moz-transition:  .4s ease-in-out;
  	-webkit-transition:  .4s ease-in-out;
	transition-delay: .2s; 
	}

#header-booking-sub-container.active{
	top:76px;
}

@media screen and (max-width: 920px) {
#header-booking-sub-container{
	top:-327px;
	height:0px;
	background-color:#960;
	display:none;
	}
#header-booking-sub-container.display{
	top:-327px;
	display:block;
}
#header-booking-sub-container.active{
	top:0px;
}	

	}

/* mobile navigation */

@media screen and (min-width: 921px) {
#mobile-nav-container, #mobile-nav-btn{
	display:none;	
	}
}
@media screen and (max-width: 920px) {
#mobile-nav-container{
	width:284px;
	height:auto;
	float:left;
	position:relative;
	top:0px;
	left:-284px;
	
	display:block;

	z-index:0;
	
	transition:  .4s ease-in-out;
  	-o-transition:  .4s ease-in-out;
  	-ms-transition:  .4s ease-in-out;
  	-moz-transition:  .4s ease-in-out;
  	-webkit-transition:  .4s ease-in-out;
	}
#mobile-nav-container.active{
	left:0px;
	}
#mobile-nav-toggle-btn{
	width:30px;
	height:20px;

	top:15px;
	left:10px;
	position:absolute;
	z-index:10000;
		

	background-image:url(../img/mobile-nav-btn.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	
	transition:  .4s ease-in-out;
  	-o-transition:  .4s ease-in-out;
  	-ms-transition:  .4s ease-in-out;
  	-moz-transition:  .4s ease-in-out;
  	-webkit-transition:  .4s ease-in-out;
	}
#mobile-nav-toggle-btn.active{
	background-image:url(../img/mobile-nav-btn-close.png);
	}
#mobile-nav-holder{
	width:280px;
	height:auto;
	
	position:absolute;
	left:0px;
	top:0px;
	}
#mobile-nav-holder ul{
	background-color:#333;
	padding-left:5%;
	margin:0px;
	top:0px;
	
	border-right:4px;
	border-right-color:#7A564B;
	border-right-style:solid;
	
	border-bottom:4px;
	border-bottom-color:#7A564B;
	border-bottom-style:solid;
	
	}
.mobile-nav-btn{
	}
#mobile-nav-holder ul li.mobile-nav-btn{
	width:90%;
	height:auto;
	
	border-bottom-style:solid;
	border-bottom-color:#8C8C8C;
	border-bottom-width:1px;
	

	
	padding-top:16px;
	padding-bottom:16px;
	

	
	list-style:none;
	text-decoration:none;
	}
#mobile-nav-holder ul li.mobile-nav-btn:last-child{
	border-bottom-width:0px;

	}
#mobile-nav-holder ul li.mobile-nav-btn a{
	text-decoration:none;
	font-family:"Times New Roman";
	font-size: 120%;
	color:#8C8C8C;
		
	}
#mobile-nav-holder ul li.mobile-nav-btn a.active{
	color:#7A564B;
	}
}


/* mobile navigation ^*/
#book-now-tab{
	width:auto;
	height:auto;
	
	position:absolute;
	margin-left:11%;
	top:54px;
	
	padding-top:10px;
	padding-bottom:9px;
	
	padding-left:15px;
	padding-right:15px;
	background: rgba(51, 5, 51, .90);
	
	font-family:"Times New Roman";
	font-size: 120%;
	color:#fff;
	
	transition:  .4s ease-in-out;
  	-o-transition:  .4s ease-in-out;
  	-ms-transition:  .4s ease-in-out;
  	-moz-transition:  .4s ease-in-out;
  	-webkit-transition:  .4s ease-in-out;
	
	cursor:pointer;
	
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	
	opacity:1;
	
	content:"BOOK NOW";
	z-index: 0;
	}
#book-now-tab:hover {
	background: rgba(51, 5, 51, .80);
}
@media screen and (max-width: 1500px) {
#book-now-tab{
	margin-left:3%;
	}
	}
@media screen and (max-width: 920px) {
#book-now-tab{
	margin-left:auto;
	right:3%;
	top:380px;
	}	
	}
.sub-welcome-panel #book-now-tab {
	top:0px;
	}
@media screen and (max-width: 920px) {
.sub-welcome-panel #book-now-tab {
	top:326px;
	
	}	
	}

#book-now-tab.active  {
	background-color:#7A564B;
	
	}
#language-tab {
	width:auto;
	height:auto;
	
	
	position:absolute;
	top:54px;
	
	padding-top:9px;
	padding-bottom:9px;
	
	padding-left:15px;
	padding-right:15px;
	background: rgba(20, 20, 20, .90);
	
	
	transition:  .4s ease-in-out;
  	-o-transition:  .4s ease-in-out;
  	-ms-transition:  .4s ease-in-out;
  	-moz-transition:  .4s ease-in-out;
  	-webkit-transition:  .4s ease-in-out;
	
	cursor:pointer;
	
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	
	opacity:1;
	
	content:"Language";
	z-index: -1;
}
#language-tab:hover {
	background: rgba(20, 20, 20, .80);
}
#language-tab a {
	font-family:"Times New Roman";
	font-size: 120%;
	color:#fff;
	text-decoration: none;
}
@media screen and (max-width: 920px) {
	#language-tab {
		top:380px;
		right: 3%;
	}
}
#header-booking{
	width:100%;
	height:50px;
	border-bottom:4px;
	border-bottom-color:#7A584B;
	border-bottom-style:solid;
	background: rgba(51, 5, 51, .95);
	position:relative;
	display:block;
	z-index:10;

	}
@media screen and (max-width: 920px) {
#header-booking{
	height:380px;
	display:none;
	}
#header-booking.display{
	display:block;

}
	}
	
ul#header-booking-input{
	width:78%;
	height:100%;
	position:absolute;
	right:11%;
	list-style-type:none;
	padding:0px;
	margin:0px;
	float:right;
	display:block;
	
	}
@media screen and (max-width: 1100px) {
ul#header-booking-input{
	width:97%;
	height:100%;
	position:absolute;
	left:3%;
	display:block;
	}
}
@media screen and (max-width: 920px) {
ul#header-booking-input{
	width:100%;
	height:100%;
	position:absolute;
	left:3%;
	display:none;
	}
}
ul#header-booking-input li.header-booking-input-field{
	float:left;
	margin-left:.4%;
	top:50%;
	position:relative;
	transform: translate(-0%, -50%);
	-ms-transform:translate(-0%, -50%);
	-webkit-transform:translateY(-50%);
	border-color:#FFF;
	border-width:1px;
	border-style:solid;
	
	width:12%;
	padding-top:9px;
	padding-bottom:9px;
	padding-left:.5%;
	padding-right:.5%;
	
	font-family: "Open Sans";
	color:#FFF;
	}

@media screen and (max-width: 1900px) {
	ul#header-booking-input li.header-booking-input-field{
	
	width:18%;
	padding-top:6px;
	padding-bottom:6px;
	}
	}
@media screen and (max-width: 1400px) {
	ul#header-booking-input li.header-booking-input-field{
	
	width:22%;
	padding-top:6px;
	padding-bottom:6px;
	}
	}
ul#header-booking-input li.header-booking-input-field:first-child{
	border-style:none;
	padding-left:0%;
	}
ul#header-booking-input li.header-booking-input-field:last-child{
	background-color:#FFF;
	
	-webkit-transition: .4s all;   
    -webkit-transition-delay: 4s; 
    -moz-transition: .4s all;   
    -moz-transition-delay: 4s; 
    -ms-transition: .4s all;   
    -ms-transition-delay: 4s; 
    -o-transition: .4s all;   
    -o-transition-delay: 4s; 
    transition: .4s all; 
	transition-delay: .2s;
	}
ul#header-booking-input li.header-booking-input-field:last-child:hover{
	background-color:#7A564B;
	-webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
	}
.down-arrow-booking-bar-check{
	width:5.941%;
	height:auto;
	position:relative;
	float:right;
	top:0px;
	}
#quick-booking-form{
	margin:0;
	padding:0;
	}
#locale{
	display:none;
	}
#booking-fieldset-1{

	border-width:0px;
	padding:0px;
	position:relative;
	height:50px;
	}
#booking-fieldset-2{

	border-width:0px;
	padding:0px;
	}
#under-header-book-gradient{
	width:100%;
	height:35px;
	background-image:url(../img/under-nav-gradient.png);
	background-repeat:repeat-x;
	position:relative;
	top:-2px;
	border:0;
	z-index:-1;
	}



#header-booking .check_in_date, .check_out_date{
	background: rgba(51, 5, 51, 0);
	border-color:#FFF;
	border-width:0px;
	border-style:none;
	opacity: 1;
	color: #FFF;
	font-family: "Open Sans";
	}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFF;
  opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #FFF;
  opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #FFF;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #FFF;
  opacity: 1;
}

#header-booking-input .button{
	border-style:none;
	font-family: "Open Sans";
	background:transparent;
}
#header-booking-input .button{
	color:#330533;
	}
	
	
.bb-row .button{
	border-style:none;
	font-family: "Open Sans";
	background-color:#303;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:2%;
	padding-right:2%;
	
	-webkit-transition: .4s all;   
    -webkit-transition-delay: 4s; 
    -moz-transition: .4s all;   
    -moz-transition-delay: 4s; 
    -ms-transition: .4s all;   
    -ms-transition-delay: 4s; 
    -o-transition: .4s all;   
    -o-transition-delay: 4s; 
    transition: .4s all; 
	transition-delay: .2s;
}
.bb-row .button:hover{
	background-color:#7A564B;
	
	-webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;}
.bb-row .button{
	color:#FFF;
	}
	
#arrive-datepicker{
	background-color:#06F;
	}

select {
    width: 200px;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
[contenteditable="true"]:focus {
    outline: none;
}




/* DatePicker Skin */
.ll-skin-melon {
	font-size: 90%;
}

.ll-skin-melon .ui-widget {
	font-family: "Open Sans";
	background: #330533;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	
}

.ll-skin-melon .ui-datepicker {
	padding: 0;
}
.ui-datepicker {
	margin-top:19px;
	margin-left:-6px;
}

.ll-skin-melon .ui-datepicker-header {
	border: none;
	background: transparent;
	font-weight: normal;
	font-size: 15px;
	
}
.ll-skin-melon .ui-datepicker-header .ui-state-hover {
	background: transparent;
	border-color: transparent;
	cursor: pointer;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.ll-skin-melon .ui-datepicker .ui-datepicker-title {
	margin-top: .4em;
	margin-bottom: .3em;
	color: #FFF;
	
}

.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover,
.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover,
.ll-skin-melon .ui-datepicker .ui-datepicker-next,
.ll-skin-melon .ui-datepicker .ui-datepicker-prev {
	top: .9em;
	border:none;
}

.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover {
	left: 2px;
}

.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover {
	right: 2px;
}

.ll-skin-melon .ui-datepicker .ui-datepicker-next span,
.ll-skin-melon .ui-datepicker .ui-datepicker-prev span {
	background-image: url(../img/datepicker-skin-img/ui-icons_ffffff_256x240.png);
	background-position: -32px 0;
	margin-top: 0;
	top: 0;
	font-weight: normal;
}

.ll-skin-melon .ui-datepicker .ui-datepicker-prev span {
	background-position: -96px 0;
	
}

.ll-skin-melon .ui-datepicker table {
	margin: 0;
	
}
.ll-skin-melon .ui-datepicker th {
	padding: 1em 0;
	color: #FFF;
	font-size: 13px;
	font-weight: normal;
	border: none;
	border-top: 1px solid #7A564B;

}

.ll-skin-melon .ui-datepicker td {
	background: #7A564B;
	border: none;
	padding: 0;
}

.ll-skin-melon td .ui-state-default {
	background: transparent;
	border: none;
	text-align: center;
	padding: .5em;
	margin: 0;
	font-weight: normal;
	color: #FFF;
	font-size: 16px;

}

.ll-skin-melon .ui-state-disabled  {
	opacity: 1;
}

.ll-skin-melon .ui-state-disabled .ui-state-default {
	color: #FFF;
}

.ll-skin-melon td .ui-state-active,
.ll-skin-melon td .ui-state-hover {
	background: #696361;
}
#header-booking .ui-datepicker-trigger { max-width: 10%; float:right; }
.bb-coloumn-contain .ui-datepicker-trigger { max-width: 10%; }


#footer-contain{
	width:100%;
	height:70px;
	background-color: #FFF;
	
	position:relative;
	z-index:600;
	margin:0px;
	padding:0;

	border-top-width:2px;
	border-top-style:solid;
	border-top-color:#7A564B;
	opacity:1;
	
	transition:  .4s ease-in-out;
  	-o-transition:  .4s ease-in-out;
  	-ms-transition:  .4s ease-in-out;
  	-moz-transition:  .4s ease-in-out;
  	-webkit-transition:  .4s ease-in-out;
	transition-delay: .2s; 
	}
@media screen and (max-width: 1400px) {
#footer-contain{
	height:100px;
	}	
	}
@media screen and (max-width: 800px) {
#footer-contain{
	height:230px;
	}	
	}
@media screen and (max-width: 380px) {
#footer-contain{
	height:250px;
	}	
	}
ul#footer-links{
	width:auto;
	height:100%;
	
	position:absolute;
	top:50%;
	transform: translate(-0%, -50%);
	-ms-transform:translate(-0%, -50%);
	-webkit-transform:translateY(-50%);
	list-style-type:none;
	
	padding:0px;
	right:0px;
	z-index:5;
	}
@media screen and (max-width: 800px) {
ul#footer-links{
	width:100%;
	top:20px;
	transform: none;
	margin-top:20px;
	text-align:center;
	position:relative;
	}	
	}
ul#footer-links li.footer-links-btn{
	
	margin-right:45px;
	top:50%;
	position:relative;
	display:inline-block;
	transform: translate(-0%, -50%);
	-ms-transform:translate(-0%, -50%);
	-webkit-transform:translateY(-50%);
	}

ul#footer-links li.footer-links-btn:last-child{
	margin-right:0px;
	}
ul#footer-links li.footer-links-btn :hover{
	opacity:.9;
	transition:  .4s ease-in-out;
  	-o-transition:  .4s ease-in-out;
  	-ms-transition:  .4s ease-in-out;
  	-moz-transition:  .4s ease-in-out;
  	-webkit-transition:  .4s ease-in-out;
	}
@media screen and (max-width: 800px) {
ul#footer-links li.footer-links-btn{
	display:block;
	margin-right:0px;
	}	
	}
.footer-link-img{
	width:auto;
	height:35px; 
	}
#ig-logo{
	height:25px;
	margin-top:15px;
	}
@media screen and (max-width: 800px) {
#ig-logo{
	height:25px;
	margin-top:15px;
	}	
	}
.footer-details{
	width:50%;
	left:0px;
	position:absolute;
	text-align:left;;
	z-index:4;
	}
@media screen and (max-width: 800px) {
.footer-details{
	width:100%;
	top:0px;
	text-align:center;
	position:relative;
	padding-bottom:10px;
	}	
	}
/* home footer above*/	

/* Theme Style */
/* pc booking block styles */	
#booking-block-pc{
	display:block;

	}
@media screen and (max-width:800px){
#booking-block-pc{
	display:none;
	}	
	}

#booking-block-pc .booking-block-container{
	width:39%;
	height:auto;
	margin-left:11%;
	top:0px;
	position:relative;
	display:block;
	z-index:10;
	opacity:1;
	
	}
@media screen and (max-width: 1400px) {
#booking-block-pc .booking-block-container{
	width:39%;
	margin-left:11%;
	}
}
@media screen and (max-width: 1100px) {
#booking-block-pc .booking-block-container{
	width:47%;
	margin-left:3%;
	}
}
@media screen and (max-width: 800px) {
#booking-block-pc .booking-block-container{
	width:94%;
	background-color:#FFF;
	}
}	
#booking-block-pc .bb-heading{
	width:100%;
	height:auto;
	padding-bottom:5px;
	padding-top:5px;
	text-align:center;
	position:relative;
	}
#booking-block-pc .bb-coloumn-contain{
	list-style-type:none;
	margin:0px;
	padding:0px;
	position:relative;
	}
#booking-block-pc .bb-coloumn-contain input{
	border-width:0px;
	border-style:none;
	}
#booking-block-pc .bb-row{
	width:100%;
	height:auto;
	position:relative;
	text-align:center;
	}
#booking-block-pc .bb-input-column-1{
	width:50%;
	height:auto;
	position:relative;
	top:0px;
	left:0px;
	
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#696361;
	z-index:250;
	}

#booking-block-pc .bb-input-column-2{
	width:50%;
	height:auto;
	position:absolute;
	left:50%;
	top:0px;
	z-index:250;
	}

#booking-block-pc .bb-column-heading{
	width:100%;
	height:auto;
	position:relative;
	padding-top:2.5px;
	padding-bottom:2.5px;
	
	}
#booking-block-pc #arrive-month,#booking-block-pc #depart-month{
	width:50%;
	height:auto;

	padding-top:10px;
	padding-bottom:10px;
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	border-color:#303;
	border-style:solid;
	border-width:1px;
	
	overflow:visible;
	
	text-transform: uppercase;
	font-family: "Open Sans";
	color:#696361;
	-webkit-text-fill-color: rgba(105, 99, 97, 1);
	-webkit-opacity: 1;
		
	background-color:#FFF;
	}
#booking-block-pc #arrive-day,#booking-block-pc #depart-day{
	width:50%;
	height:auto;

	padding-top:10px;
	padding-bottom:10px;
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	
	font-size:200%;
	border-color:#303;
	border-style:none;
	border-width:0px;
	font-family: "Open Sans";
	color:#696361;
	-webkit-text-fill-color: rgba(105, 99, 97, 1);
	-webkit-opacity: 1;
	background-color:#FFF;
	}
#booking-block-pc #arrive-year,#booking-block-pc #depart-year{
	width:50%;
	height:auto;

	padding-top:10px;
	padding-bottom:10px;
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	border-top-color:#303;
	border-top-style:solid;
	border-top-width:1px;
	
	overflow:visible;
	
	text-transform: uppercase;
	font-family: "Open Sans";
	color:#696361;
	-webkit-text-fill-color: rgba(105, 99, 97, 1);
	-webkit-opacity: 1;
	
	background-color:#FFF;
	}
/* pc booking block styles ^^^ */	
	
/* handheld booking block styles */	
@media screen and (min-width: 921px) {	
#header-booking-sub-container .booking-block-container{
	display:none;
	}
	}
@media screen and (max-width: 920px) {	
#header-booking-sub-container .booking-block-container{
	width:80%;
	height:380px;
	margin-left:10%;
	top:0px;
	position:absolute;
	display:block;
	z-index:10;
	opacity:1;
	transition:  .4s ease-in-out;
  	-o-transition:  .4s ease-in-out;
  	-ms-transition:  .4s ease-in-out;
  	-moz-transition:  .4s ease-in-out;
  	-webkit-transition:  .4s ease-in-out;
	}
#header-booking-sub-container .booking-block-container.off{
	opacity:0;
	}
#header-booking-sub-container .bb-heading{
	width:100%;
	height:auto;
	padding-bottom:5px;
	padding-top:5px;
	text-align:center;
	position:relative;
	}
#header-booking-sub-container .bb-coloumn-contain{
	list-style-type:none;
	margin:0px;
	padding:0px;
	position:relative;
	top:-10px;
	}
#header-booking-sub-container .bb-coloumn-contain input{
	border-width:0px;
	border-style:none;

	}
#header-booking-sub-container .bb-row{
	width:100%;
	height:auto;
	position:relative;
	text-align:center;
	

	}
#header-booking-sub-container .bb-input-column-1{
	width:50%;
	height:auto;
	position:relative;
	top:0px;
	left:0px;
	
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#696361;
	
	}
#header-booking-sub-container .bb-input-column-2{
	width:50%;
	height:auto;
	position:absolute;
	left:50%;
	top:0px;
	}

#header-booking-sub-container .bb-column-heading{
	width:100%;
	height:auto;
	position:relative;
	padding-top:2.5px;
	padding-bottom:2.5px;
	}
#header-booking-sub-container .booking-block-container #mobile-arrive-month, 
#header-booking-sub-container .booking-block-container #mobile-depart-month{
	width:50%;
	height:auto;

	padding-top:10px;
	padding-bottom:10px;
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	border-color:#FFF;
	border-style:solid;
	border-width:1px;
	
	overflow:visible;
	
	text-transform: uppercase;
	font-family: "Open Sans";
	color:#FFF;
	-webkit-text-fill-color: rgba(255, 255, 255, 1);
	-webkit-opacity: 1;
	
	background-color:rgba(51, 50, 51, 0);
	}
#header-booking-sub-container .booking-block-container #mobile-arrive-day, 
#header-booking-sub-container .booking-block-container #mobile-depart-day{
	width:50%;
	height:auto;

	padding-top:10px;
	padding-bottom:10px;
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	
	font-size:200%;
	border-color:#FFF;
	border-style:none;
	border-width:0px;
	
	color:#FFF;
	background-color:rgba(51, 50, 51, 0);
	-webkit-text-fill-color: rgba(255, 255, 255, 1);
	-webkit-opacity: 1;
	}
#header-booking-sub-container .booking-block-container  #mobile-arrive-year, 
#header-booking-sub-container .booking-block-container #mobile-depart-year{
	width:50%;
	height:auto;

	padding-top:10px;
	padding-bottom:10px;
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	border-top-color:#FFF;
	border-top-style:solid;
	border-top-width:1px;
	
	overflow:visible;
	
	text-transform: uppercase;
	font-family: "Open Sans";
	color:#FFF;
	background-color:rgba(51, 50, 51, 0);
	-webkit-text-fill-color: rgba(255, 255, 255, 1);
	-webkit-opacity: 1;
	}
.open-mobile-datepicker{
	width:35px;
	}
#header-booking-sub-container .booking-block-container .button-two{
	font-family: "Open Sans";
	padding-top:10px;
	padding-bottom:10px;
	padding-left:2%;
	padding-right:2%;
	
	border-style:solid;
	border-color:#FFF;
	border-width:1px;
	
	background-color:#FFF;
	color:#330533;
	
	-webkit-transition: .4s all;   
    -webkit-transition-delay: 4s; 
    -moz-transition: .4s all;   
    -moz-transition-delay: 4s; 
    -ms-transition: .4s all;   
    -ms-transition-delay: 4s; 
    -o-transition: .4s all;   
    -o-transition-delay: 4s; 
    transition: .4s all; 
}
#header-booking-sub-container .booking-block-container .button-two:active{
	background-color:#7A564B;
	
	-webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
	}	
}
@media screen and (max-width: 800px) {
#header-booking-sub-container .booking-block-container .button-two{
	padding-left:5%;
	padding-right:5%;	
	}
}
@media screen and (max-width: 500px) {
#header-booking-sub-container .booking-block-container .button-two{
	padding-left:10%;
	padding-right:10%;	
	}
}
@media screen and (max-width: 500px) {
#header-booking-sub-container .booking-block-container{
	width:96%;
	height:380px;
	margin-left:3%;
	top:0px;
	position:absolute;
	display:block;
	z-index:10;
	opacity:1;
	}	
	}
@media screen and (min-width: 921px) {
#mobile-arrive-datepicker-container, #mobile-depart-datepicker-container,
#intro-mobile-arrive-datepicker-container, #intro-mobile-depart-datepicker-container{	
	display:none;
	}
}	
@media screen and (max-width: 920px) {
#mobile-arrive-datepicker-container, #mobile-depart-datepicker-container,
#intro-mobile-arrive-datepicker-container, #intro-mobile-depart-datepicker-container{
	width:70%;
	height:auto;
	
	margin-left:15%;
	
	position:absolute;
	top:40px;
	z-index:10;
	display:none;
	 
	transition:  .4s ease-in-out;
  	-o-transition:  .4s ease-in-out;
  	-ms-transition:  .4s ease-in-out;
  	-moz-transition:  .4s ease-in-out;
  	-webkit-transition:  .4s ease-in-out;
	}
#mobile-arrive-datepicker-container.on, #mobile-depart-datepicker-container.on,
#intro-mobile-arrive-datepicker-container.on, #intro-mobile-depart-datepicker-container.on{
	display:block;
	}
.ll-skin-melon .ui-datepicker {
    width: auto;	
}
#mobile-arrive-inline-datepicker, #mobile-depart-inline-datepicker,
#intro-mobile-arrive-inline-datepicker, #intro-mobile-depart-inline-datepicker {
	width:100%;
	left:6px;
	
	top:0px;
	position:relative;
	
}
.mobile-datepicker-heading{
	width:100%;
	left:0%;
	height:auto;
	
	position:relative;
	
	top:10px;
	
	}
.intro-mobile-datepicker-heading{
	width:100%;
	left:0%;
	height:auto;
	
	position:relative;
	
	top:00px;
	
	}
.mobile-datepicker-heading > img {
	width:35px;
	
	position:absolute;
	
	right:-5px;
	top:0px;
	
	padding-top:5px;
	padding-bottom:5px;
	
	margin-top:-5px;
	border: 1px solid #FFF;
	}
.intro-mobile-datepicker-heading > img {
	width:35px;
	
	position:absolute;
	
	right:-5px;
	top:0px;
	
	padding-top:5px;
	padding-bottom:5px;
	
	margin-top:-5px;
	border: 1px solid #7A564B;
	}
.open-mobile-datepicker, .intro-open-mobile-datepicker{
	width:35px;
	}

}	
	
@media screen and (max-width: 500px) {
#mobile-arrive-datepicker-container, #mobile-depart-datepicker-container,
#intro-mobile-arrive-datepicker-container, #intro-mobile-depart-datepicker-container{
	width:100%;
	height:auto;
	
	margin-left:0%;
}
#mobile-arrive-inline-datepicker, #mobile-depart-inline-datepicker,
#intro-mobile-arrive-inline-datepicker, #intro-mobile-depart-inline-datepicker {
	left:0px;
}
}



#booking-block-handheld{
	display:none;
	}
@media screen and (max-width:800px){
#booking-block-handheld{
	display:block;
	}
	
#booking-block-handheld .intro-booking-block-container{

	width:94%;
	height:380px;
	margin-left:3%;
	top:0px;
	position:relative;
	display:block;
	z-index:10;
	opacity:1;
	transition:  .4s ease-in-out;
  	-o-transition:  .4s ease-in-out;
  	-ms-transition:  .4s ease-in-out;
  	-moz-transition:  .4s ease-in-out;
  	-webkit-transition:  .4s ease-in-out;
	
	
	}
#booking-block-handheld .intro-booking-block-container.off{
	opacity:0;
	}
#booking-block-handheld .bb-heading{
	width:100%;
	height:auto;
	padding-bottom:5px;
	padding-top:5px;
	text-align:center;
	position:relative;
	
	}
#booking-block-handheld .bb-coloumn-contain{
	list-style-type:none;
	margin:0px;
	padding:0px;
	position:relative;
	}
#booking-block-handheld .bb-coloumn-contain input{
	border-width:0px;
	border-style:none;
	}
#booking-block-handheld .bb-row{
	width:100%;
	height:auto;
	position:relative;
	text-align:center;
	}
#booking-block-handheld .bb-input-column-1{
	width:50%;
	height:auto;
	position:relative;
	top:0px;
	left:0px;
	
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#696361;
	
	color:#696361;
	}
}
@media screen and (max-width: 500px) {
#booking-block-handheld .bb-input-column-1{
	border-right-width:0px;
	
	}	
	}
#booking-block-handheld .bb-input-column-2{
	width:50%;
	height:auto;
	position:absolute;
	left:50%;
	top:0px;
	color:#696361;
	}

#booking-block-handheld .bb-column-heading{
	width:100%;
	height:auto;
	position:relative;
	padding-top:2.5px;
	padding-bottom:2.5px;
	
	
	}
#booking-block-handheld #intro-mobile-arrive-month,
#booking-block-handheld #intro-mobile-depart-month{
	width:50%;
	height:auto;

	padding-top:10px;
	padding-bottom:10px;
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	
	border-color:#660533;
	border-style:solid;
	border-width:1px;
	
	
	text-transform: uppercase;
	font-family: "Open Sans";
	color:#FFF;

	-webkit-text-fill-color: rgba(105, 99, 97, 1);
	-webkit-opacity: 1;
	background-color:rgba(255, 255, 255, 1);
	}
#booking-block-handheld #intro-mobile-arrive-day,#booking-block-handheld #intro-mobile-depart-day{
	width:50%;
	height:auto;

	padding-top:10px;
	padding-bottom:10px;
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	
	font-size:200%;
	border-color:#660533;
	border-style:none;
	border-width:0px;
	
	color:#FFF;

	-webkit-text-fill-color: rgba(105, 99, 97, 1);
	-webkit-opacity: 1;
	background-color:rgba(255, 255, 255, 1);
	}
#booking-block-handheld #intro-mobile-arrive-year,#booking-block-handheld #intro-mobile-depart-year{
	width:50%;
	height:auto;

	padding-top:10px;
	padding-bottom:10px;
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	border-top-color:#660533;
	border-top-style:solid;
	border-top-width:1px;
	
	overflow:visible;
	
	text-transform: uppercase;
	font-family: "Open Sans";
	color:#FFF;

	-webkit-text-fill-color: rgba(105, 99, 97, 1);
	-webkit-opacity: 1;
	background-color:rgba(255, 255, 255, 1);
	}
	
	
	
#booking-block-handheld .button-two{
	font-family: "Open Sans";
	padding-top:10px;
	padding-bottom:10px;
	padding-left:2%;
	padding-right:2%;
	
	background-color: #330533;
	
	-webkit-transition: .4s all;   
    -webkit-transition-delay: 4s; 
    -moz-transition: .4s all;   
    -moz-transition-delay: 4s; 
    -ms-transition: .4s all;   
    -ms-transition-delay: 4s; 
    -o-transition: .4s all;   
    -o-transition-delay: 4s; 
    transition: .4s all; 
	
}
@media screen and (max-width: 800px) {
#booking-block-handheld .button-two{
	padding-left:5%;
	padding-right:5%;	
	}
}
@media screen and (max-width: 500px) {
#booking-block-handheld .button-two{
	padding-left:10%;
	padding-right:10%;	
	}
}
#booking-block-handheld .button-two:active{
	background-color:#7A564B;
	}
#booking-block-handheld .button-two{
	color:#FFF;
	}		
	
	
@media screen and (max-width:500px){
#booking-block-handheld .intro-booking-block-container,
#header-booking-sub-container .booking-block-container {
	width:100%;
	margin-left:0%;
	}

#header-booking-sub-container .booking-block-container  #mobile-arrive-month, 
#header-booking-sub-container .booking-block-container #mobile-depart-month,
#header-booking-sub-container .booking-block-container  #mobile-arrive-day, 
#header-booking-sub-container .booking-block-container #mobile-depart-day,
#header-booking-sub-container .booking-block-container  #mobile-arrive-year, 
#header-booking-sub-container .booking-block-container #mobile-depart-year,

#booking-block-handheld #intro-mobile-arrive-month,#booking-block-handheld #intro-mobile-depart-month,	
#booking-block-handheld #intro-mobile-arrive-day,#booking-block-handheld #intro-mobile-depart-day,
#booking-block-handheld #intro-mobile-arrive-year,#booking-block-handheld #intro-mobile-depart-year{
	width:85%;
  }
.ll-skin-melon .ui-datepicker {
    width: auto;	
}
#mobile-arrive-inline-datepicker, #mobile-depart-inline-datepicker,
#intro-mobile-arrive-inline-datepicker, #intro-mobile-depart-inline-datepicker {
	width:94%;
	left:3px;
	margin-left:3%;
	top:0px;
	position:relative;
	
}
.mobile-datepicker-heading, .intro-mobile-datepicker-heading{
	width:94%;
	left:3%;
	}
}		
/* handheld booking block styles ^^^*/	
#top{
	}
.spacer{
	width:100%;
	min-height:10vh;
	position:relative;
	}
#welcome-panel {
	width:100%;
	height:auto;
	position:relative;
	display:block;
	overflow:hidden;
	text-align:center;
	z-index:-999;
	background-color:#FFF;
	opacity:1;
	}
#logo-1{
	width:15%;
	height:auto;
	
	top:10%;
	position:relative;
	transform: translate(-0%, -10%);
	
	margin-left:42.5%;
	margin-right:42.5%;
	
	}
@media screen and (max-width: 1200px) {
#logo-1{
	width:20%;
	
	margin-left:40%;
	margin-right:40%;
	}	
	}
@media screen and (max-width: 1000px) {
#logo-1{
	width:25%;

	margin-left:37.5%;
	margin-right:37.5%;
	}	
	}
#bed-1{
	width:100%;
	height:auto;
	position:absolute;
	display:block;
	bottom:0px;
	}

.experience-bar{
	width:100%;
	height:auto;
	text-align:center;
	display:block;
	
	margin-top:75px;
	position:relative;
	}

.book-bar-1{
	width:100%;
	height:auto;
	position:relative;
	text-align:center;
	margin-top:75px;
	z-index:12;
	}	
.gold-line-left{
	height:2px;
	width:22%;
	background-color:#7A564B;
	display:block;
	position:absolute;
	margin-top:10px;
	margin-left:11%;	
	}
.gold-line-right{
	height:2px;
	width:22%;
	background-color:#7A564B;
	display:block;
	position:absolute;
	float:right;
	margin-top:10px;
	margin-left:67%;
}
@media screen and (max-width: 1400px) {
.gold-line-left{
	width:30%;
	margin-left:11%;	
	}
.gold-line-right{
	width:30%;
	margin-left:61%;
}	
	}
@media screen and (max-width: 1100px) {
.gold-line-left{
	width:39%;
	margin-left:3%;	
	}
.gold-line-right{
	width:39%;
	margin-left:58%;
}	
	}
@media screen and (max-width: 800px) {
.gold-line-left{
	width:30%;
	margin-left:3%;	
	}
.gold-line-right{
	width:30%;
	margin-left:67%;
}	
	}
@media screen and (max-width: 500px) {
.gold-line-left{
	width:20%;
	margin-left:3%;	
	}
.gold-line-right{
	width:20%;
	margin-left:77%;
}	
	}
.scroll-down-center{
	width:100%;
	height:auto;
	position:absolute;
	text-align:center;
	bottom:5px;
	}
a.scroll-down-bar{
	width:auto;
	height:auto;


	z-index:10;
	
	background: rgba(255, 255, 255, .8);
	
	padding:10px;
	
	
	opacity: 1;
	
	text-decoration:none;
	font-family: "Times New Roman";
	font-size:90%;
	color:#696361;
	display:inline-block;
	}
.down-arrow{
	width:25px;
	height:auto;
	display:block;
	position:relative;
	float:left;
	margin-right:5px;
	}
/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (orientation: portrait) {
#logo-1{
	width:40%;
	top:00px;	
	margin-left:30%;
	margin-right:30%;
	}
#bed-1{
	width:200%;
	left:-50%;
	height:auto;
	position:absolute;
	display:block;
	bottom:0px;
	}
.experience-bar{
	width:94%;
	height:auto;
	text-align:center;
	display:block;
	left:3%;
	margin-top:10%;
	position:absolute;
	}
.book-bar-1{
	width:100%;
	height:auto;
	position:relative;
	text-align:center;
	margin-top:30%;
	}	
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px)
  and (orientation: portrait) {
#logo-1{
	width:40%;
	top:00px;	
	margin-left:30%;
	margin-right:30%;
	}
#bed-1{
	width:220%;
	left:-60%;
	height:auto;
	position:absolute;
	display:block;
	bottom:0px;
	}
.experience-bar{
	width:94%;
	height:35px;
	text-align:center;
	display:block;
	left:3%;
	margin-top:10%;
	position:absolute;
	}
.book-bar-1{
	width:100%;
	height:auto;
	position:relative;
	text-align:center;
	margin-top:30%;
	}	
}
@media only screen 
  and (min-device-width: 414) 
  and (max-device-width: 736px)
  and (orientation: portrait) {
#logo-1{
	width:45%;
	top:0px;	
	margin-left:27.5%;
	margin-right:27.5%;
	}
#bed-1{
	width:220%;
	left:-60%;
	height:auto;
	position:absolute;
	display:block;
	bottom:0px;
	}
.experience-bar{
	width:94%;
	height:35px;
	text-align:center;
	display:block;
	left:3%;
	margin-top:10%;
	position:absolute;
	}
.book-bar-1{
	width:100%;
	height:auto;
	position:relative;
	text-align:center;
	margin-top:30%;
	}	
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
#logo-1{
	width:30%;
	top:0px;	
	margin-left:35%;
	margin-right:35%;
	}
#bed-1{
	width:170%;
	left:-35%;
	height:auto;
	position:absolute;
	display:block;
	bottom:0px;
	}
.experience-bar{
	width:94%;
	height:35px;
	text-align:center;
	display:block;
	left:3%;
	margin-top:75px;
	position:absolute;
	}
.book-bar-1{
	width:100%;
	height:auto;
	position:relative;
	text-align:center;
	margin-top:195px;
	}
}
/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (orientation: landscape) {
#logo-1{
	width:30%;
	margin-left:35%;
	margin-right:35%;
	}
#bed-1{
	width:150%;
	left:-25%;
	height:auto;
	position:absolute;
	display:block;
	bottom:-40px;
	}
.experience-bar{
	width:100%;
	height:auto;
	text-align:center;
	display:block;
	
	margin-top:15px;
	position:absolute;
	}
.book-bar-1{
	width:100%;
	margin-top:55px;
	}
}
/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (orientation: landscape) { 
#logo-1{
	width:18%;
	margin-left:41%;
	margin-right:41%;
	}
#bed-1{
	width:100%;
	left:0%;
	height:auto;
	position:absolute;
	display:block;
	bottom:-50px;
	}
.experience-bar{
	width:100%;
	height:auto;
	text-align:center;
	display:block;
	
	margin-top:15px;
	position:absolute;
	}
.book-bar-1{
	width:100%;
	margin-top:55px;
	}
.gold-line-left, .gold-line-right{
	margin-top:13px
}
}
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (orientation: landscape) { 
#logo-1{
	width:18%;
	margin-left:41%;
	margin-right:41%;
	}
#bed-1{
	width:100%;
	left:0%;
	height:auto;
	position:absolute;
	display:block;
	bottom:-50px;
	}
.experience-bar{
	width:100%;
	height:auto;
	text-align:center;
	display:block;
	
	margin-top:20px;
	position:absolute;
	}
.book-bar-1{
	width:100%;
	margin-top:65px;
	}
.gold-line-left, .gold-line-right{
	margin-top:13px
}
}
@media only screen 
  and (min-device-width: 650px) 
  and (max-device-width: 1150px) 
  and (orientation: landscape) {
#logo-1{
	width:20%;
	margin-left:40%;
	margin-right:40%;
	}
#bed-1{
	width:100%;
	left:0%;
	height:auto;
	position:absolute;
	display:block;
	bottom:-20px;
	}
.experience-bar{
	width:100%;
	height:auto;
	text-align:center;
	display:block;
	
	margin-top:50px;
	position:absolute;
	}
.book-bar-1{
	width:100%;
	margin-top:120px;
	}
.gold-line-left, .gold-line-right{
	margin-top:10px
}	  
	  }
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) {
#logo-1{
	width:18%;
	margin-left:41%;
	margin-right:41%;
	}
#bed-1{
	width:100%;
	left:0%;
	height:auto;
	position:absolute;
	display:block;
	bottom:-30px;
	}
.experience-bar{
	width:100%;
	height:auto;
	text-align:center;
	display:block;
	
	margin-top:45px;
	position:absolute;
	}
.book-bar-1{
	width:100%;
	margin-top:110px;
	}
.gold-line-left, .gold-line-right{
	margin-top:10px
}	  
	  }
/* intro-booking below */

#intro-booking-panel{
	width:100%;
	height:auto;
	padding-top:130px;

	padding-bottom:50px;
	opacity:1;
	position:relative;
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
	
	background-color: #FFFFFF!important;
	}
@media screen and (max-width: 800px) {
#intro-booking-panel{
	padding-top:70px;
	}
	}
@media screen and (max-width: 500px) {
#intro-booking-panel{
	padding-bottom:25px;
	}
	}
#book-bar-2{
	width:78%;
	height:22px;
	margin-left:11%;
	position:relative;
	}
@media screen and (max-width: 1400px) {
	#book-bar-2{
	margin-left:11%;
	width:78%;
	}
}
@media screen and (max-width: 1100px) {
	#book-bar-2{
	margin-left:3%;
	width:94%;
	}
}
.gold-line-accross{
	height:2px;
	width:85%;
	top:10px;
	margin-left:15%;
	position:absolute;
	background-color:#7A564B;
	opacity:1;
	}
@media screen and (max-width: 800px) {
.gold-line-accross{
	width:75%;
	margin-left:25%;
	}	
	
	}
@media screen and (max-width: 500px) {
.gold-line-accross{
	width:55%;
	margin-left:45%;
	}	
	
	}
		
		
		
/* intro-booking above */
/* Room rates (Booking Panel) HOME - BELOW */
#home-room-rates{
	width:39%;
	height:94.5%;
	top:22px;
	/*TOP = intro-booking-panel(padding-top:130px) + book-bar-2(height:22px)*/
	left:50%;
	position:absolute;
	
	display:block;
	z-index:0;
	opacity:1;
	overflow:hidden;
	text-align:center;
	
	background-image:url(../img/room.jpg);
	background-repeat:no-repeat;
	background-size:120%;
	}
@media screen and (max-width: 1800px) {
#home-room-rates{
	background-size:650px;
	}	
	}
@media screen and (max-width: 1400px) {
#home-room-rates{
	width:39%;
	background-size:650px;
	}	
	}
@media screen and (max-width: 1100px) {
#home-room-rates{
	width:47%;
	background-image:url(../img/room-s.jpg);
	background-size:750px;
	}	
	}
@media screen and (max-width: 800px) {
#home-room-rates{
	width:94%;
	height:350px;
	left:3%;
	position:relative;
	top:25px;
	background-image:url(../img/room-s.jpg);
	
	}	
	}
@media screen and (max-width: 500px) {
#home-room-rates{
	width:100%;
	height:350px;
	left:0%;
	position:relative;
	background-size:650px;
	}	
	}
.a-room-rates{
	width:40%;
	padding-top:5px;
	padding-bottom:5px;
	
	top:50%;
	left:30%;
	position:relative;
	transform: translate(-0%, -50%);
	
	background-image:url(../img/test.jpg);
	background-size:150%;
	
	transition:  .4s ease-in-out;
  	-o-transition:  .4s ease-in-out;
  	-ms-transition:  .4s ease-in-out;
  	-moz-transition:  .4s ease-in-out;
  	-webkit-transition:  .4s ease-in-out;
	transition-delay: .2s;   
	}
@media screen and (max-width: 1100px) {
.a-room-rates{
	width:45%;
	left:27.5%;
	}
	}
#home-room-rates-button{
	 border-style:none;
	 position:absolute;
	 padding-top:10px;
	 padding-bottom:10px;
	 width:65%;
	 margin-left:17.5%;
	 text-align:center;
	 z-index:12;
	 background-color:#7A564B;
	 bottom:15px;
	 font-family: "Open Sans";
	 font-size:90%;
	 color:#FFF;
	 
	 opacity:0;
	-webkit-transition: .1s all;   
    -webkit-transition-delay: 0s; 
    -moz-transition: .1s all;   
    -moz-transition-delay: 0s; 
    -ms-transition: .1s all;   
    -ms-transition-delay: 0s; 
    -o-transition: .1s all;   
    -o-transition-delay: 0s; 
    transition: .1s all; 
	transition-delay:0s;
	 }

@media screen and (min-width: 801px) {
#home-room-rates:hover > .a-room-rates {
	padding-bottom:60px;
	transition-delay: 0s;  
	}
#home-room-rates:hover #home-room-rates-button {
	opacity:1;
	
	-webkit-transition: .4s all;   
    -webkit-transition-delay: .5s; 
    -moz-transition: .4s all;   
    -moz-transition-delay: .5s; 
    -ms-transition: .4s all;   
    -ms-transition-delay: .5s; 
    -o-transition: .4s all;   
    -o-transition-delay: .5s; 
    transition: .4s all; 
	transition-delay:.5s;
	}
}
/* Room rates (Booking Panel) HOME - ABOVE */

	
/* Into - clock - map BELOW*/
.sub-welcome-panel {
	width:100%;
	height:800px;
	
	position:relative;
	background-color:#FFF;
	
	border-top-style:solid;
	boder-top-width:4px;
	border-top-color:#7A564B;
	
	border-bottom-style:solid;
	boder-bottom-width:4px;
	border-bottom-color:#7A564B;
	
	overflow:hidden;
	opacity:1;
	
	-webkit-transition: 2s all;    
    -moz-transition: 2s all;   
    -ms-transition: 2s all;    
    -o-transition: 2s all;   
    transition: 2s all; 
	}
	
@media screen and (max-width: 1600px) {
.sub-welcome-panel {
	height:600px;
}
	}
@media screen and (max-width: 1400px) {
.sub-welcome-panel {

	height:550px;
}

	}
.bg-home {
	background-image:url(../img/silq-home.jpg);
	background-size:120%;
	background-repeat:no-repeat;
	}

@media screen and (max-width: 1400px) {
.bg-home {
	background-size:130%;
	background-position:0px;
	}	
	}
@media screen and (max-width: 1100px) {
.bg-home {
	background-size:1400px;
	background-position:-30px;
	}	
	}
@media screen and (max-width: 800px) {
.bg-home {
	background-size:1400px;
	background-position:-280px;
	}	
	}
@media screen and (max-width: 600px) {
.bg-home {
	background-size:1350px;
	background-position:-400px 0px;
	}	
	}
@media screen and (max-width: 400px) {
.bg-home {
	background-size:1350px;
	background-position:-530px 0px;
	}	
	}
.content-panel{
	width:45%;
	height:auto;
	margin-top:50px;
	padding-left:3%;
	padding-right:3%;
	padding-bottom:10px;
	position:absolute;
	
	overflow:hidden;

	}
@media screen and (max-width: 1400px) {
.content-panel{
	width:55%;
	}	
	}
	
@media screen and (min-width: 801px) {	
#pc{
	display:block;
	}
#mobile{
	display:none;
	}
}
@media screen and (max-width: 800px) {
	
#pc{
	display:none;
	}
#mobile{
	display:block;
	z-index:1;
	}
#mobile .content-panel{
	width:90%;
	margin-top:0px;
	height:auto;
	position:relative;
	background-image:none;
	}
	.panel#mobile {
		background-color:#FFF;
	}
}

#bangkok-time-contain{
	width:100%;
	height:auto;
	position:relative;
	
	text-align:center;
	

	opacity:1;
	
	padding-top:15px;
	padding-bottom:0px;
	font-size: 120%;
	}
.clockHolder {
	height:140px;
    width:100%;
	position:relative;
}
.clock {
	height:140px;
	width:140px;
}

.sec {
		height:140px;
	width:140px;
    position:absolute;
	 margin-left:-70px;	
}
.min {
		height:140px;
	width:140px;
    position:absolute;
	 margin-left:-70px;
}
.hour {
		height:140px;
	width:140px;
    position:absolute;
	 margin-left:-70px;
}

.rotatingWrapper {
    width:auto;
    height:auto;
	left:0px;

}

.digital {
}





#map {
	width: 78%;
	height: 600px;
	border:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	
	border-color:#7A564B;
	border-style:solid;
	border-width:2px;

	}
@media screen and (max-width: 1400px) {
#map {
	width: 78%;
	}	
	}
@media screen and (max-width: 1100px) {
#map {
	width: 94%;
	}	
	}
@media screen and (max-width: 500px) {
#map {
	width: 100%;
	margin-left:0px;
	border-left-width:0px;
	border-right-width:0px;
	}	
	}
#map-lock{
	width:auto;
	height:auto;

	position:absolute;
	left:21%;
	
	bottom:30px;
	
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	
	text-align:center;
		
	font-family:"Open Sans";
	font-size:100%;
	color:#FFF;
	z-index:10;
	background-color:#330533;
	
	cursor:pointer;
	
	transition:  .4s ease-in-out;
  	-o-transition:  .4s ease-in-out;
  	-ms-transition:  .4s ease-in-out;
  	-moz-transition:  .4s ease-in-out;
  	-webkit-transition:  .4s ease-in-out;
	transition-delay: .2s; 
	}
@media screen and (max-width: 1400px) {
#map-lock{
	left:12%;
	bottom:30px;
	}	
}
@media screen and (max-width: 1100px) {
#map-lock{
	left:5%;
	bottom:30px;
	}	
}
#map-lock.active{
	background-color:#7A564B;
	}
	
	
	
div.css3droppanel { /* Main wrapper for push down panel */
    position: relative;
		margin: 0;
		margin:0px; /* margin with rest of content on page */
		opacity:1;
		}


div.css3droppanel > div { /* Content DIV DIV inside wrapper */
		height: 0px; /* initial height of content when hidden. Should be same height as bottom bar (see div.css3droppanel:after) */
		padding-top: 5px;
		padding-bottom: 5px;
		-moz-box-sizing: border-box; /* ensure any padding and border declared inside content DIV doesn't increase DIV's declared dimensions */
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		background: ; /* background of content DIV */
		position: relative;
		opacity: 0;
    -moz-transition: all 1s ease 0.1s;  /* CSS3 transition of UL state. Last 0.1s specifies delay before animation */
    -o-transition: all 1s ease 0.1s; /* instead of ease-in-out, also try cubic-bezier(0.25, 0.1, 0.25, 1.4) instead */
    -webkit-transition: all 1s ease 0.1s;
    transition: all 1s ease 0.1s;
		}




div.css3droppanel input[type="checkbox"] { /* style invisible checkbox element used to toggle state of push down panel */
		position: absolute;
		right:; /* right position of checkbox */
		width: 10%; /* width of checkbox */
		height: 42px; /* height of checkbox */
		bottom: -42px; /* bottom offset of checkbox */
		z-index: 10;
		cursor: pointer;
		opacity: 1;
		
		margin-left:0%;
		margin-right:auto;
		background-color:#36F;
		display:none;
		}

div.css3droppanel input[type="checkbox"]:checked ~ div { /* when checkbox is checked, expand content within wrapper */
		height: 610px; /* height of content to expand to. Scrollbar will be shown if content overflows this height */
		opacity: 1;
		overflow: hidden;
		}

div.css3droppanel label { /* style label that's positioned below wrapper's bottom bar, and will toggle checkbox when interacted with */ 
		position: absolute;
		left:11%;
		width:78%; /* width of label */
		height: 42px; /* height of label */
		bottom: -41px; /* bottom offset of label */
		cursor: pointer;
		z-index: 5;
		background:; /* dark redish background and its gradient versions */
		border-top-style:solid;
		border-top-width:2px;
		border-top-color:#7A564B;
		text-align:center;
		}
@media screen and (max-width: 1400px) {
div.css3droppanel label { 
		left:11%;
		width:78%;

		}
	}
@media screen and (max-width: 1100px) {
div.css3droppanel label { 
		left:3%;
		width:94%;

		}
	}
@media screen and (max-width: 500px) {
div.css3droppanel label { 
		left:0%;
		width:100%;
	border-top-width:0px;
		}
	}
div.css3droppanel label #click-to-locate {
	width:40%;
	height:auto;
	border:#7A564B;
	padding-top:5px;
	padding-bottom:5px;
	border-style:solid;
	border-width:2px;
	background-color:#FFF;
	font-family:"Open Sans";
	font-size:100%;
	color:#7A564B;
	bottom:27px;
	margin-left:30%;
	position:absolute;
	}
@media screen and (max-width: 1100px) {
div.css3droppanel label #click-to-locate {
	width:50%;
	margin-left:25%;
}
	}
@media screen and (max-width: 500px) {
div.css3droppanel label #click-to-locate {
	width:100%;
	margin-left:0%;
	border-left-width:0px;
	border-right-width:0px;
}
	}
div.css3droppanel label:after { /* generated down arrow */

		}



<!--[if lte IE 8]>


/* Hide panel from IE8 and below */

div.css3droppanel {
		display: none;
		}
		
		
		
/* Into - clock - map ABOVE*/

/*home close access below*/
.title-block a {
	text-decoration:none;
	color:#7A564B;
	}
@media screen and (min-width: 1024px) {
#bangkok-skyline{
	width:100%;
	height:auto;
	top:0px;
	position:absolute;
	opacity:1;
	overflow:hidden;
	
	z-index:-2;

	will-transform: translate;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	}
#bangkok-skyline-white-blur{
	width:100%;
	height:auto;
	position:absolute;
	
	z-index:-1;
	opacity:1;
	top:0;
	
	transition:  .4s ease-in-out;
  	-o-transition:  .4s ease-in-out;
  	-ms-transition:  .4s ease-in-out;
  	-moz-transition:  .4s ease-in-out;
  	-webkit-transition:  .4s ease-in-out;

	will-transform: translate;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	}
}
@media screen and (max-width: 1024px) {

#bangkok-skyline{
	width:auto;
	height:100vh;
	top:0px;
	position:absolute;
	opacity:1;
	overflow:hidden;
	
	z-index:-2;

	will-transform: translate;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	}
#bangkok-skyline-white-blur{
	width:auto;
	height:100vh;
	position:absolute;
	
	z-index:-1;
	opacity:1;
	top:0;
	
	transition:  .4s ease-in-out;
  	-o-transition:  .4s ease-in-out;
  	-ms-transition:  .4s ease-in-out;
  	-moz-transition:  .4s ease-in-out;
  	-webkit-transition:  .4s ease-in-out;

	will-transform: translate;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	}
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (orientation: landscape) {
#bangkok-skyline{
	width:100%;
	height:auto;
	}
#bangkok-skyline-white-blur{
	width:100%;
	height:auto;
}
	  

}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (orientation: landscape) {
#bangkok-skyline{
	width:100%;
	height:auto;
	}
#bangkok-skyline-white-blur{
	width:100%;
	height:auto;
}
}

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (orientation: landscape) {
#bangkok-skyline{
	width:100%;
	height:auto;
	}
#bangkok-skyline-white-blur{
	width:100%;
	height:auto;
}
}
@media only screen 
  and (min-device-width: 650px) 
  and (max-device-width: 1150px) 
  and (orientation: landscape) {
#bangkok-skyline{
	width:100%;
	height:auto;
	}
#bangkok-skyline-white-blur{
	width:100%;
	height:auto;
}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) {
	  
#bangkok-skyline{
	width:100%;
	height:auto;
	}
#bangkok-skyline-white-blur{
	width:100%;
	height:auto;
}
}

/*close access below*/
.column-picture-contain{
	overflow-y:hidden;
	}
.column-location-content-height-top{
	height:60px;
	}
.column-location-content-height-bottom{
	height:40px;
	}
@media screen and (max-width: 1100px) {
.column-location-content-height-top{
	height:90px;
	}	
	}
@media screen and (max-width: 800px) {
.column-location-content-height-top{
	height:60px;
	}	
	}
@media screen and (max-width: 800px) {
.column-picture-contain{
	height:330px;
	}	
	}
		
#terminal21, #watarun, #theemdistrict, #mbkcenter, #chatuchak{
	width:120%;
	height:auto;
	position:absolute;
	left:-10%;
	float:left;
	}	
#asoke{
	width:140%;
	height:auto;
	left:-20%;
	float:left;
	position:absolute;
	}
@media screen and (min-width: 2000px) {
#terminal21, #watarun, #theemdistrict, #mbkcenter, #chatuchak{
	top:-100px;
	}
#asoke{
	top:-100px;
	}	
	}
@media screen and (max-width: 1700px) {
#terminal21, #watarun, #theemdistrict, #mbkcenter, #chatuchak{
	width:140%;
	left:-20%;
	}
#asoke{
	width:160%;
	left:-30%;
	}	
	}
@media screen and (max-width: 1400px) {
#terminal21, #watarun, #theemdistrict, #mbkcenter, #chatuchak{
	width:130%;
	left:-15%;
	}
#asoke{
	width:150%;
	left:-25%;
	}	
	}	
@media screen and (max-width: 900px) {
#terminal21, #watarun, #theemdistrict, #mbkcenter, #chatuchak{
	width:150%;
	left:-25%;
	}
#asoke{
	width:170%;
	left:-35%;
	}	
	}	
@media screen and (max-width: 800px) {
#terminal21, #watarun, #theemdistrict, #mbkcenter, #chatuchak{
	width:100%;
	left:0%;
	top:-70px;
	}
#asoke{
	width:100%;
	left:0%;
	}	
	}
@media screen and (max-width: 700px) {
#terminal21, #watarun, #theemdistrict, #mbkcenter, #chatuchak{
	width:700px;
	left:0px;
	top:-70px;
	}
#asoke{
	width:700px;
	left:0%;
	}	
	}	
@media screen and (max-width: 500px) {
#terminal21, #watarun, #theemdistrict, #mbkcenter, #chatuchak{
	width:700px;
	left:-200px;
	top:-70px;
	}
#asoke{
	width:700px;
	left:0%;
	}	
	}	
/*home close access above*/	
	

/* for wordpress panel styling */
#promotions{
	display:block;
	}
#optional_extras{
	display:none;
	}
		
#locations{
	display:none;
	}
	
#home_locations{
	display:block;
	}
#optional-extras-t{
	display:none;
	}
.clearcol{
	clear:both;
	}
.col {
	float:left;
	display:inline;
	width:calc(100% / 3);
	height:auto;
	padding-top:0px;
	padding-bottom:25px;
	
	position:relative;
	}
.padded-col{
	width:97%;
	height:auto;
	position:relative;
	margin-left:1.5%;
	}
@media screen and (max-width: 800px) {
.col {
	float:none;
	display:inline;
	width:100%;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:2%;
	}
.padded-col{
	width:100%;
	height:auto;
	
	margin-left:0%;
	}	
	}	

.location-column-picture-contain{
	width:auto;
	height:auto;
	position:relative;		
	}
.location-column-picture{
	width:100%;
	height:33%;
	overflow:hidden;
	position:relative;	
	
	}
.locations_picture_credit{
	width:auto;
	height:auto;
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:13;
	background: rgba(51, 5, 51, 1);
	opacity:.6;
	
	padding:0;
	}
p.credit{
	font-family: "Open Sans";
	font-size:50%;
	color:#FFF;
	line-height:50%;		
	}
p.credit a{
	text-decoration:none;
	color:#FFF;
	}
	
/* Trip Advisor Widgets */
.ta-center {
	width:100%;
	height:auto;
	position:relative;
	}
.t2019 {
    width: auto;
    position: relative;
    display: inline-block;
    padding-bottom:30px;
    left:-10px;
    }
#widgetContainerBox {
	position:absolute;
	top:0px;
    left:152px;
}
.t2017 {
	position:absolute;
	left:456px;
	top:0px;
}

.t2016{
	position: absolute;
	left:610px;
	top:0px;
	}
.t2013 {
	position:absolute;
	left:764px;
	top:0px;
	}
.t2012 {
	position:relative;
	left:0px;
	top:0px;
    padding-bottom:30px;
	}
.TA_percentRecommended{
	position:absolute;
	left:152px;
	top:157px;
	}

@media screen and (max-width: 1000px) {
.t2013 {
    position:relative;
	left:-10px;
	top:0px;
    padding-bottom:30px;
    }
.t2012 {
	position:absolute;
	left:154px;
	top:164px;
	}
.TA_percentRecommended{
	position:absolute;
	left:304px;
	top:161px;
	}
}
@media screen and (max-width: 820px) {
.t2016 {
    position:relative;
	left:-10px;
	top:0px;
    padding-bottom:30px;
    }
.t2013 {
	position:absolute;
	left:144px;
	top:165px;
	}
.t2012{
	position:absolute;
	left:307px;
	top:167px;
	}
.TA_percentRecommended{
	position:absolute;
	left:459px;
	top:165px;
	}
}
@media screen and (max-width: 690px) {
#widgetContainerBox {
	position:absolute;
	top:0px;
    left:152px;
}
.t2017 {
	position:relative;
	left:-9px;
	top:0px;
	padding-bottom:10px;
}
.t2016{
	position:absolute;
	left:148px;
	top:165px;
	}
.t2013 {
	position:relative;
	left:-9px;
	top:0px;
	padding-bottom:10px;
	}
.t2012 {
	position:absolute;
	left:159px;
	top:310px;
	}	
.TA_percentRecommended {
	position:relative;
	left:0px;
	top:0px;
	padding-bottom:30px;
}
}
@media screen and (max-width: 500px) {
/*fixed the horizontal scroll overflow - 04/2017 */
.ta-center {
	width:98%;
    left: 2%;
	}
    .t2019 {
        margin-bottom:0px;
        padding-bottom: 0px;
        left:0px;
    }
#widgetContainerBox {
	position:relative;
	top:0px;
    left:9px;
    padding-bottom:10px;
}
.t2017 {
	position:relative;
	left:0px;
	top:0px;
}
.t2016{
	position:absolute;
	left:155px;
	top:297px;
	}
.t2013 {
	position:relative;
	left:0px;
	top:-10px;
	padding-bottom:0px;
	}
.t2012 {
	position:absolute;
	left:165px;
	top:431px;
	}	
.TA_percentRecommended {
	position:relative;
	left:9px;
	top:-15px;
	padding-bottom:30px;
}
	}

#open-hide-btn {/* cross and arrow image */
	width:25px;
	height:10px;
	
	position:absolute;
	
	right:4%;
	
	top:13px;
	
	padding-top:5px;
	padding-bottom:5px;
	
	border-width:0px;
	
	background-image:url(http://www.silqbkk.com/img/white-down-arrow-medium.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	
	cursor:pointer;
	
	transition:  .4s ease-in-out;
  	-o-transition:  .4s ease-in-out;
  	-ms-transition:  .4s ease-in-out;
  	-moz-transition:  .4s ease-in-out;
  	-webkit-transition:  .4s ease-in-out;
	
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
	}
#open-hide-btn.show {/* cross and arrow image */
	
	background-image:url(http://www.silqbkk.com/img/white-down-arrow-medium.png);
		-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
	}