html, body {margin:0;height: 100%;}
body {
	padding:0;
	font-family: 'Lato', sans-serif;
	font-size:14px;
	font-weight:300;
	color:#fff;
	background:#333;
	text-align:justify;
}
p{margin-top:0}
p:last-child{margin-bottom:0}
a{
text-decoration:none;
color:#ccc;
}
a:hover, .mActive{
text-decoration:none;
color:#fff;
}
a, a:hover, a:active, a:focus {
   outline: 0;
}
h1,h2,h3,h4{
	text-align:left;
	margin:0;
	padding:0;
	line-height:normal;
}
h1{
	font-family: 'Raleway', serif;
	font-size:24px;
	font-weight:300;
	color:#fff;
	margin-bottom:20px;
}
h2{
	font-size:20px;
	font-weight:400;
	color:#fff;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #999;
}
h4{
	font-size:14px;
	font-weight:300;
	color:#ccc;
	text-transform:uppercase;
}
i, em{
	font-weight:400italic;
	color:#ccc;
}

textarea, input{
	font-family: 'Lato', sans-serif;
	border:1px solid #666;
	background:transparent;
	font-size: 14px;
	color:#ccc;
	margin:3px 3px 8px 0;
	padding:3px;
	resize:none;
	outline:none;
}
input:focus, textarea:focus{
	border:1px solid #ccc;
	color:#fff;
}
textarea,
.inpString		{width:291px;}
.inpShort		{width:136px;}
.inpNumber		{width:60px;text-align:right;}

label{
	font-size:10px;
	font-weight:400;
	color:#ccc;
	display:block;
	text-transform:uppercase;
}
label.desc{display:inline;}
input.button {
	border:none;
	font-size:10px;
	font-weight:400;
	background:#000;
	color:#fff;
	padding:6px 10px 5px 10px;
	cursor:pointer;
	text-transform:uppercase;
	float:right;
}
input.button:hover {
	background:#fff;
	color:#000;
}
input.button:active {color:#fff;} 
.error {color:red;}
.inperr {border:1px solid #f05b7e;}
.securitycode {color:#f05b7e;font-weight:bold;}
.clr{
	clear:both;
	line-height:1px;
}
.frmL{float:left;}
.frmR{float:right;}

/*------------------------------Heading & Menu-------------------------*/
#logo{
	position:absolute;
	top:0;
	left:30px;
	height:70px;
	width:170px;
	background:url(../images/logo-villa-kanti.png) no-repeat center center;

	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}

#logo.logohid{
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	
	/* IE 5-7 */
	filter: alpha(opacity=60);
	zoom: 1;
	
	/* Netscape */
	-moz-opacity: 0.6;
	
	/* Safari 1.x */
	-khtml-opacity: 0.6;
	
	/* Good browsers */
	opacity: 0.6;

	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}
#header{
	position:absolute;
	top:0;
	left:0px;
	width:100%;
	min-width:980px;
	height:70px;
	background:rgba(51,51,51,0.9);
	display:block;
	-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 1);
    box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 1);

	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}
#header.headhid{
	top:-70px;

	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}
#menubox{
	position:absolute;
	top:25px;
	right:30px;
	line-height:normal;
	font-weight:400;
}
#menubox a{
	margin-left:25px;
}
/*------------------------------Language & FB-------------------------*/
#lgcon{
	position:fixed;
	top:150px;
	right:-93px;
	height:30px;

	transition: right 0.5s;
	-moz-transition: right 0.5s; /* Firefox 4 */
	-webkit-transition: right 0.5s; /* Safari and Chrome */
	-o-transition: right 0.5s; /* Opera */
}
#lgcon:hover{
	right:0px;
	
	transition: right 0.5s;
	-moz-transition: right 0.5s; /* Firefox 4 */
	-webkit-transition: right 0.5s; /* Safari and Chrome */
	-o-transition: right 0.5s; /* Opera */
}
#lgcon.lghid{
	right:-123px;
	
	transition: right 0.5s;
	-moz-transition: right 0.5s; /* Firefox 4 */
	-webkit-transition: right 0.5s; /* Safari and Chrome */
	-o-transition: right 0.5s; /* Opera */
}
.lgbox{
	float:left;
	margin-left:1px;
	width:30px;
	height:30px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#fff;
}
.lgbox:hover{
	background-color:#000;
}
.lgactive{
	background-color:#000;
	cursor:default;
}
#lgEN	{background-image:url(../images/tx-EN.png);}
#lgFR	{background-image:url(../images/tx-FR.png);}
#lgDE	{background-image:url(../images/tx-DE.png);}
#lgJP	{background-image:url(../images/tx-JP.png);}
#facebook{
	position:fixed;
	top:185px;
	width:30px;
	right:0px;
	height:30px;
	cursor:pointer;
	overflow:hidden;
	background:url(../images/bt-facebook.png) 0 0 no-repeat;
	background-position:0 -30px;

	transition: right 0.5s;
	-moz-transition: right 0.5s; /* Firefox 4 */
	-webkit-transition: right 0.5s; /* Safari and Chrome */
	-o-transition: right 0.5s; /* Opera */
}
#facebook:hover{background-position:0 0}
#facebook.fbhid{
	right:-30px;
	
	transition: right 0.5s;
	-moz-transition: right 0.5s; /* Firefox 4 */
	-webkit-transition: right 0.5s; /* Safari and Chrome */
	-o-transition: right 0.5s; /* Opera */
}
/*------------------------------Content-------------------------*/
#container{
	position:fixed;
	top:150px;
	left:50px;
	width:400px;
	background:rgba(51,51,51,0.9);

	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}
#container.conhid{
	left:-400px;

	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}
#content{
	margin:50px;
}
#sidediv{
	position:absolute;
	top:50px;
	left:0;
	width:5px;
	height:120px;
	background:#f05b7e;
}
#sidediv.gallery{
	top:0px;
	height:146px;
}
#hidecon{
	position:absolute;
	top:0;
	height:30px;
	width:30px;
	background-repeat:no-repeat;
	background-position:0 0;
	cursor:pointer;
	overflow:hidden;
	right:0;
	background-image:url(../images/bt-close.png);
}
#hidecon:hover{
	background-position:0 -30px;
}
#showcon{
	position:absolute;
	top:0;
	padding:5px 10px 5px 50px;
	cursor:pointer;
	left:100%;
	background-color:#000;
	color:#fff;
	display:none;
	white-space:nowrap;
}
#showcon:hover{
	background-color:#fff;
	color:#000;
}

#textcon{
	height:100%;
	width:300px;
	margin-right:-30px;
	padding-right:30px;
	outline: none;
}
#textcon a{
color:#f05b7e;
}
#textcon a:hover{
color:#fff;
}
#textcon.noscroll{
	margin-right:0px;
}
#textcon iframe{max-height:500px!important;}
.tripAdv {
    border-radius: 1em;
    overflow: hidden;
    margin: 1em;
}

/*------------------------------listing-------------------------*/
.listtable{
	width:100%;
	margin-bottom:25px;
	border-collapse:collapse;
}
.listtable th:first-child{
	text-align:left;
	padding:7px 0px;
	width:100px;
}
.listtable td:first-child{
	text-align:left;
	text-transform:uppercase;
	padding:9px 0px;
	width:100px;
	font-size:0.8em;
	color:#ccc;
}
.listtable th, .listtable td{
	text-align:right;
	line-height:normal;
	padding:7px 7px;
}
.listtable th{
	font-weight:400;
	text-transform:uppercase;
	color:#fff;
	border-bottom:1px solid #ccc;
}
.listtable td{
	border-bottom:1px solid #666;
	vertical-align:top;
	color:#fff;
}

#content ul {
	padding:0;
	margin:0 0 20px 0;
	list-style:none;
	line-height:normal;
}
#content ul li {
	padding:7px 0px;
	list-style:none;
	border-bottom:1px solid #e5e5e5;
}
#content ul li:first-child {
	font-weight:400;
	text-transform:uppercase;
	color:#fff;
	border-bottom:1px solid #90896c;
}
/*------------------------------quote-------------------------*/
.lst{
	margin-bottom:20px;
	border-bottom:1px solid #666;
}
.quoteby{
	text-align:right;
	color:#ccc;
	font-weight:400;
	font-size:0.9em;
}

/*------------------------------WhatsApp-------------------------*/
img{max-width:100%;height:auto}
#waLink{position:fixed;bottom:20px;right:30px;padding:.5em 1em;background-color:#0cc243;border-radius:2em;font-size:1em;z-index:9001}
#waLink a,#waLink a:hover{color:#ffffff}
#waLink span{height:2em;line-height:2em;float:left}
.waI{width:2em;display:inline-block}
.waS,.waL{margin-left:.3em;display:none}
@media (min-width:480px) {
.waS{display:inline-block}
}
@media (min-width:640px) {
.waL{display:inline-block}
}