@charset "utf-8";
/* CSS Document */

.logo{
    padding:2% 3%;
}

#custom-bootstrap-menu.navbar-default .navbar-brand {
	color: rgba(119, 119, 119, 1);
	margin-left:10px;
	margin-top:-10px;
	
}
#custom-bootstrap-menu.navbar-default {
	font-size: 14px;
	background-color: #fef99d;
	border-width: 0px;
	border-radius: 0px;
	
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
	color: #000000;
	background-color: rgba(248, 248, 248, 0);
	
	text-indent:-9999;
	font-size:14px;
	padding:3px 20px;
	margin-top:30px;
	
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
	color: #fff;
	background-color: #44342e;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	

}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
	color: #fff;
	background-color: #007a87;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
	border-color: #d9534f;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
	background-color: #d9534f;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
	background-color: #d9534f;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #fff;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
border:none;	
}


.nameinput,.emailinput, .phoneinput, .cityinput{
padding:1% 4%;	
}

.enquiryinput{
padding:2% 4%;	
}

.label{
	padding:2% 3%;
	
	}

body{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;	

}

.offers{
margin-bottom:10px;



}


.jumbotron{
height:500px;
padding:0;
background:url(vailankanni-guest-house.jpg) 80% top;	
width:100%;
opacity:1;
min-height: 700px;
}

.container-fluid{
	
min-height:80px;
padding-right:20px;

}

.innerunit{
padding-top:70px;	
	
}

.innerunit h1{
	
font-size:48px;
color:#fff;
text-shadow: 0 0 10px black;
	
}

.innerunit h2{
font-family: 'Indie Flower', cursive;
color:#fff;
text-shadow: 0 0 10px black;
}

.innerunit a{
color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,0.3);
}

.flexslider{

width:100%;
border-style:none;
height:auto;
float:center;
padding-top:10px;

	
}
.flexslider .slides img {
    
    height: auto;
	float:center;
	
	
}

.flexbox{
float:center;
text-align:center;	
}

.box1{
padding-top:20px;
padding-bottom:20px;
float:center;	
}



.gallery
{
	display: inline;
	list-style:none;
	
	margin-top: 20px;
	
}




.gallery ul li{
list-style:none;
display:inline-block;
	
margin-left:-5px;
}

#amenities{
padding:2% 3%;
margin-top:-20px;	
}

#rooms{
	
background-color:#44342e;
color:#fff;
padding:2% 3%;	


}



#book{
background-color:#fff;
padding:2% 3%;	
}

#contact{
background-color:#eae1c0;	
padding:2% 3%;	
	
}

.googlemaps{
width:100%;
}


.finalcontent{
	width:100%;
	float:left;
background-color:#44342e;
padding:3% 3%;	
color:#fff;	

}
	
.signature{
font-family: 'Yesteryear', cursive;
font-size:18px;
text-align:center;	
}

.box1 p{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:12px;
	
}

.acc2{display:none;}

.featured-wrap{
    margin:0 auto;
 	padding:0;
	text-align:center;
    background:#ffffff;
	text-align:left;
}	
.block1{margin:0px; padding:0px; float:left; width:100%;}
.block1 .block-img{margin:0px; width:50%; padding:0px; overflow:hidden; height:350px; float:left;  position:relative;}
.block1 .block-img img{min-width:100%; height:350px;}
.block1 .block-txt{float:left; margin:0px 0px 0px 0px; padding:0px; background:#16a085 url(explore/placesicon.png) no-repeat left center; width:50%; height:350px;}
.block1 .block-txt h1{font:400 20px/22px 'Open Sans', sans-serif; color:#ffffff; margin:0px; padding:30px 0px 0px 20px; text-transform:uppercase;  text-align:left; display:none; }
.block1 .block-txt p{font:400 14px/20px 'Open Sans', sans-serif; color:#fff; margin:0px; padding:55px 17px 20px 20px; text-align:left; }
.block1 .block-img .block-img-txt{position:absolute; width:100%; text-align:center; left:0; bottom:15px; font:400 20px/22px 'Open Sans', sans-serif; color:#ffffff;  text-shadow: 0px 0px 20px black, 0 0 30px black;}

.block2 .block-txt{background:#34495e url(../images/arr-txt2.png) no-repeat left center;} /**99A55C F3FFD5**/
.block2 .block-txt p{color:#FFF;}

.block3 .block-txt{background:#e74c3c   url(../images/arr-txt3.png) no-repeat left center;} /**6C7C88 5E7C44**/
.block3 .block-txt p{color:#FFF;}

.block-txt a{color:#F3F3F3;}
.block-txt a:hover{text-decoration:underline;} 

/*.block2{margin:0px; padding:0px; float:left; width:24%; margin:0px 25px 0px 25px; position:relative;}
.block2 .block-img{margin:0px; width:100%; padding:0px; overflow:hidden; height:250px;}
.block2 .block-img img{height:250px;}
.block2 .block-txt{position:absolute; width:100%; text-align:center; left:0; bottom:20px; font:400 20px/22px 'Open Sans', sans-serif; color:#ffffff;}

.block3{margin:0px; padding:0px; float:left; width:24%; position:relative;}
.block3 .block-img{margin:0px; width:100%; padding:0px; overflow:hidden; height:250px;}
.block3 .block-img img{height:250px;}
.block3 .block-txt{position:absolute; width:100%; text-align:center; left:0; bottom:20px; font:400 20px/22px 'Open Sans', sans-serif; color:#ffffff;}*/
	

.spacer30 {
	font-size:1px;
	height:30px;
	background:transparent;
}

@media screen and (max-width: 780px){
.acc1{display:none;}
.acc2{display:block; width:98%;}
.block1 .block-img .block-img-txt{display:none;}
.offer-blk{display:none;}
}

#menu12 {display:none;}

@media screen and (max-width: 40em) {
	/* #menu is the original menu */
	.js #menu12 {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
		
		
	}
}

.slicknav_menu
{
display:block;
position:fixed;
z-index:10000;
width:100%;
float:right;
}

#mobileMenu{
width:100%;	
	
}

.flexslider .slides li {
    position:relative;
}

.flex-caption {
        position:absolute;
    left:50;right:50;bottom:0;
    background:rgba(0, 0, 0,0.6);
    z-index:1;padding:10px;
	color:#fff;
}

.guesthousecontent{
width:50%;
float:left;	
text-align:left;
list-style:none;

}

.guesthousecontent li{
font-weight:bold;
list-style: none;
}

#guesthouse{
background:#eae1c0;	
padding-bottom:10px;
width:100%;
}

.guestslide{
width:50%;
float:left;
	
}

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

.guesthousecontent{
width:100%;
float:left;	
}
	
.guestslide{
width:100%;
float:left;	
}
}

/*start slidejscss*/

 #slides {
      display:none;
    }
    
       #slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(playing/img/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(playing/img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }
/*end of slidejscss*/





.socialWidgetContainer img {
border: none;
outline: none;
text-align:center;
margin: 0px;
padding: 0px;
}