@charset "utf-8";
/* CSS Document */
*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
body {padding:0; margin:0;line-height:1.5em;font-family: 'Open Sans',Arial, Helvetica, sans-serif;background-color:#eeaa17;font-weight:400;
}
.bg{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;}
  
.bg-pookkalam{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;}
 
A:link {text-decoration:none;color:#399;}
A:visited,#amenities A:visited {text-decoration:none;color:#399;}
A:hover {text-decoration:none;color:#F90;}
A:active{text-decoration:none;color:#F90;}
img{border:none; margin:0; padding:0}
h1{font-size:1.75em;line-height:1.5em;font-weight:400; letter-spacing:-.03em; float:left; width:100%; margin:.5em 0}
h2{font-size:1.25em;line-height:1.25em; font-weight:700; }
h3{font-size:1.1em;line-height:1.1em;font-weight:400;}

.fntNormal{font-size:1em;line-height:1.5em;}
.fntMedium{font-size:.85em;line-height:1.4em;}
.fntSmall{font-size:.75em;line-height:1.3em;}
.fnt-color-inverse-dark{color:#666}
.fnt-color-inverse-light{color:#999}
.fnt-color-light{color:#555}
.fnt-color-dark{olor:#333}
.fnt-bold{font-weight:bold}

.row{width:100%; float:left; margin:0; padding:0; display:block}
.header{float:left; width:100%; margin:0; padding:0; overflow:hidden}

.masthead{background-color:#f6d99f; margin-bottom:1.5em;}
.form-group{float:left; width:100%; margin:3px 0}
.form-horizontal{width:100%; padding:0; margin:0; display:block}
.form-control{border-color:#bbb;}

.msg{padding:1.5em; margin:0}
.msg-footer{display:block; padding-top:1.5em; text-align:right; color:#666}
.msg-body{font-size:1.1em; color:#933; font-style:italic; padding-top:.5em; display:block}

form{font-size:.9em}
form input{border:1px solid #CCC; background-color:#FFF;cursor:hand;cursor:pointer;}
form textarea,form input{font-family: 'Open Sans',Arial, Helvetica, sans-serif;width:100%; display:block; float:none;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;border:1px solid #CCC; background-color:#FFF;-moz-border-radius: 3px;border-radius: 3px; color:#666; padding:5px; font-size:.9em}
form textarea{margin:1em 0}
form .radio-inline .radio{text-align:left; display:inline; width:auto; margin:5px 0}
form .checkbox .chkbx{text-align:left; display:inline; width:auto; margin:5px 0}
form .checkbox{margin-bottom:1em}
form .btn{-moz-border-radius: 3px;border-radius: 3px; color:#666; padding:5px 10px;border:1px solid #CCC; float:left; margin:3px; display:inline-block; width:auto;font-size:1.1em}

form .btn-warning{background-color:#F90; color:#FFF; border-color:#F80}
form .btn-warning:hover{background-color:#F80;}
form .btn-success{background-color:#096; color:#FFF;border-color:#0A6}
form .btn-success:hover{background-color:#0A6; color:#FFF;}

.pageShare{float:right;border:none;width:100%; padding:0; margin:0;}
.pageShare ul{padding:5px 5px 5px 0;height:46px;list-style:none;margin:0; float:right; background-color:#faebaa}
.pageShare li{float:left;padding:0;margin-left:5px; width:auto; height:36px}
.pageShare li a{display:block;line-height:36px;text-align:center;text-decoration:none;float:left; overflow:hidden;background:url(../images/social-media-share-icon.png) top left no-repeat;width:36px;height:36px;}
.pageShare li a:hover, .ageShare ul li:hover a{text-decoration:none;}
.pageShare .facebook a{background-position:0px 0px;}
.pageShare .facebook a:hover{background-position:0px -36px;}
.pageShare .twitter a{background-position:-36px 0px;}
.pageShare .twitter a:hover{background-position:-36px -36px;}
.pageShare .google a{background-position:-72px 0px;}
.pageShare .google a:hover{background-position:-72px -36px;}
.pageShare .whatsapp a{background-position:-110px 0px;}
.pageShare .whatsapp a:hover{background-position:-110px -36px;}
.pageShare .newsletter a{background-position:-108px 0px;}
.pageShare .newsletter a:hover{background-position:-108px -36px;}

.col-lg-12{width:100%; float:left}
.col-lg-9,.col-sm-9{width:70%;float:left}
.col-lg-3,.col-sm-3{width:30%;float:left}
.col-sm-6{width:50%;float:left}
hr{border:none; height:1px; background-color:#d2c178; margin:1em 0}
.col-xs-5{width:47.5%;float:left; padding-left:1.5em}
.col-xs-6{width:50%;float:left;}
.col-xs-1{width:5%;float:left}
.pad-2{padding:5px}
label{font-weight:normal}
#video{padding-bottom: 56.25%;padding-top: 0px; height: 0; overflow: hidden; position:relative;margin:0; }
#video iframe,#video object,#video embed {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%; z-index:1000}
.container-main{float:left;width:auto;background-color:#faebaa;background:rgba(250,235,175,.6); margin:0;-moz-border-radius: 3px;border-radius: 3px; padding:1em;border:1px solid #faebaa;width:100%; margin:0}
.container{width:90%; margin:0 auto}
.container-in{width:auto; margin:0 auto; }
.credit{padding:1em 0 2em 0;text-align:center; float:left; width:100%}
.click{display:inline-block; padding:5px 10px; background:#393; border-radius:3px; color:#FFF}
.hd{color:#0f8f59; font-size:32px;}

.btn-fb{background-color:#039;}
.btn-gl{background-color:#C00;}
.btn-tw{background-color:#09F;}
.btn-sb{background-color:#990;}
.btn-yt{background-color:#F00;}
.btn-ig{background-color:#069;}
.btn-pt{background-color:#900;}
.btn-wa{background-color:#090;}

.btn-fb,.btn-gl,.btn-tw,.btn-sb,.btn-yt,.btn-ig,.btn-pt,.btn-wa{text-align:center;color:#FFF; border-radius:2px; padding:0; font-size:18px; width:50px; line-height:50px; margin:10px 0;color:#FFF !important; display:inline-block}
.custom-page-share .btn-fb,.custom-page-share .btn-gl,.custom-page-share .btn-tw,.custom-page-share .btn-sb,.custom-page-share .btn-yt,.custom-page-share .btn-ig,.custom-page-share .btn-pt,.custom-page-share .btn-wa{border-radius:2px; padding:0; font-size:14px; width:28px; line-height:25px}
.sub-hd-btm{background-color: #f3f3f3;margin-bottom: 10px;text-align: center;font-size:0.8em; border-bottom: 1px solid #e6e6e6;}
.pad-non{padding:0;}
@media screen and (min-width: 320px) {		
.bg{
	background: url(../images/onam-bg-768X768.jpg) no-repeat top left fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  height: 100%;
  width: 100%;}
   
.bg-pookkalam{
	background: url(../img/pookkalam-bg-768x768.jpg) no-repeat top left fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  height: 100%;
  width: 100%;}  
  .hd{font-size:24px}
}


@media screen and (min-width: 320px) {		
	.container{width:90%; }
	.col-lg-9,.col-sm-9{width:100%}
	.col-lg-3,.col-sm-3{width:100%}
	.col-sm-6{width:100%}
	.container-main{padding:1em;}
	.msg-footer{padding-top:1em;}
	.msg-body{padding-top:0;}
	.msg{padding:1em;}


	
}
@media screen and (min-width: 640px) {		
	.container-main{padding:1em;}
	.col-sm-9{width:70%}
	.col-sm-3{width:30%}
	.col-sm-6{width:50%}
}
@media screen and (min-width: 768px) {		
	.container-main{padding:2em;}
	.container-in{width:55%; margin:0 auto; margin-top:2%; margin-right: 8%;}
	.container{width:65%;}
.bg{background: url(../images/Onam-bg.jpg) no-repeat top center fixed;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  height: 100%;  width: 100%;}
.bg-pookkalam{background: url(../img/pookkalam-bg.jpg) no-repeat top center fixed; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover; background-size: cover;  height: 100%;  width: 100%;}
  .hd{font-size:36px}
	}


@media screen and (min-width: 1024px) {	
	.col-lg-9{width:70%}
	.col-lg-3{width:30%}
	.container-main{padding:2em; margin:0}
	.msg-footer{padding-top:1.5em;}
	.msg-body{padding-top:.5em;}
	.msg{padding:1.5em;}
		

}
@media screen and (min-width: 1280px) {	
	.container{max-width:1210px; }
}

@media screen and (max-width: 768px) {	

   
  .mar-top{margin-top:10%;}
  .pageShare .whatsapp a{background-position:-110px 0px;}

}
@media screen and (max-width: 768px) {
.container-in{width:90%; margin-right:0; margin-top:20%}
}

@media screen and (min-width: 1025px) {	
.pageShare .whatsapp a{ display:none}
}