@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Calafati Pro';
  src: url('../fonts/Calafati Pro.otf');
}
#facebookid
{
	min-height:569px;
	max-height:569px;
}
.col1, .col2, .col3                     
{ width:196px;float:left;margin:0;padding:35px 35px 0 35px;border-right:1px solid #DED6CF; min-height:338px; background-color:#fff; }


.green                                 
{ color:#839f37;background:url(../images/ico/h1-bullet.png) no-repeat left;padding-left:30px;margin:0 0 20px 0;  }

.blue                                   
{ color:#378899; }
h1.blue                              
{ background: url(../images/ico/h1-bullet-blue.png) no-repeat  left; padding-left:30px;margin:0 0 20px 0;}

.orange                              
{ color:#9a5d38; }
h1.orange                      
{ background: url(../images/ico/h1-bullet-orange.png) no-repeat  left;padding-left:30px;margin:0 0 20px 0; }
h1.red                                  
{ background: url(../images/ico/h1-bullet-red.png) no-repeat  left;padding-left:30px;margin:0 0 12px 0; }
.red                                  
{ color:#c04a86; }
#googleMap
{
	width:100%;margin-top:2px; background-color:#fff;
}
.testdisptn
{width: 97%; text-align: justify; float: left; margin-left: 2%; font: 12px/1.42 Calafati Pro; color:#999999;
}
.testmlimage
{width:30%;float:left
}
.outertest
{width: 97%; 
 color: rgb(56, 55, 55);
  margin-top: 3%;
  min-height: 235px;
  background-color: rgb(255, 255, 255);
  padding: 8px; 
  height:auto;
  float:left;
}
.testdisptn img
{
	width:340px;
	height:198px;
	margin-right:6px;
}
.headdisply
{width:100%; margin-top:48px;
}
#tourismdisptn
{
	text-align:justify;
	
}
#tourismdisptn img
{
	width:340px;
	height:198px;
	margin-right:6px;
}


@media only screen and (min-width: 768px) {
	.houseboatouter {
    float: left;
    width: 100%;
    margin-top: 2.9%;
    margin-bottom: 12px;
}
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

.static-content ul
{
	font-size:9px;
}
.contactouter
	{
		margin-top:106px; 
		float:left;
		width:100%;
		text-align:justify;
	}
	.tourismouter
	{
		margin-top:138px; 
		float:left;
		width:100%;
		text-align:justify;
	}
	.imageclass
	{
		width:588px;
		height:183px;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	.houseboatouter {
    float: left;
    width: 100%;
    margin-top: 15.9%;
    margin-bottom: 12px;
	/*.houseboatouter
	{
		float:left;
		width:100%;
		margin-top:16.5%;
		    margin-bottom: 12px;
	}*/}
@media only screen and (min-width: 320px) and (max-width:360px) {
	.contactouter
	{
		margin-top:165px; 
		
	}
	.tourismouter
	{
		margin-top:170px; 
	}
	.houseboatouter
	{
		margin-top:59%;
	}
	.houseboatoutertaxi
	{
		margin-top:7%;
	}

}
.houseboatouter p
{
	text-align:justify;
}
.houseboatouter a
{
	
	font-weight:bold;
	vertical-align:middle;
	line-height:1;
}
.houseboatouter img
{
	/*width:250px;
	height:180px;*/
	margin-right:6px;
}
.smaldiv
{
	width: 22%;
	 border: 1px solid rgb(204, 204, 204);
	  height: auto; 
	  min-height:61px; 
	  padding: 4px;
	  float:left;
	  margin-bottom:8px;
	  margin-right:8px;
}
@media only screen and (min-width: 320px) and (max-width:980px) {
		.smaldiv
{
	width:29% !important;
}
.tabs img
{
	width:100%;
	height:50%;
}
}

<!------------responsive tab style--------------->



/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
	background-color: #478113;
}

/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
	display: inline-block;
	padding: 10px 12px;

	text-decoration: none;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity: 0.5;
}

/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #478113;
	text-shadow: none;

	background-color: white;

	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

/* Tab panel */
.r-tabs .r-tabs-panel {
	background-color: white;

	border-bottom: 4px solid white;

	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;

}

/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;

	background-color: #478113;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	font-size: 14px;

	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color: #fff;
	color: #478113;
	text-shadow: none;
}

/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}
.f-item input, .f-item select,.f-item textarea{border:1px solid #ccc;
font:normal 1.2em 'OpenSansRegular';
color:#999;
padding:6px 4%;
width:91.4%;
/*-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;*/
}
.booking h3
{
	margin:12px 0px 12px;
}
.gradient-button
{
	color:#fff !important;
}
table { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: rgba(255, 235, 59, 0.05); 
	}
	th { 
		background: #97BD29 ; 
		color: white; 
		font-weight: bold; 
	}
	td, th { 
		padding: 6px; 
		border:1px solid #E3E3E3; 
		text-align: center;
		font-size:13px;
	}
	td img
	{
		border:1px solid #F3EDED;
	}
		@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tr { border: 1px solid #ccc; }
		
		td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		
		td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		#tab-1 td:nth-of-type(1):before { content: "Type of Vehicle"; }
		#tab-1 td:nth-of-type(2):before { content: "Photo"; }
		#tab-1 td:nth-of-type(3):before { content: "Seating Capacity"; }
		#tab-1 td:nth-of-type(4):before { content: "Rate Per Day in INR"; }
		#tab-1 td:nth-of-type(5):before { content: "Rate (INR)  Additional KM"; }
		#tab-1 td:nth-of-type(6):before { content: "Allowed KM per Day"; }
		#tab-1 td:nth-of-type(7):before { content: "Action"; }
		
		#tab-2 td:nth-of-type(1):before { content: "Type of Vehicle"; }
		#tab-2 td:nth-of-type(2):before { content: "Photo"; }
		#tab-2 td:nth-of-type(3):before { content: "Rate Per Day in INR"; }
		
		#tab-3 td:nth-of-type(1):before { content: "Type of Vehicle"; }
		#tab-3 td:nth-of-type(2):before { content: "Photo"; }
		#tab-3 td:nth-of-type(3):before { content: "Rate Per Day in INR"; }
		
	}	
<!---------------end resposive tab style--------->
.keralataxiouter
{
	margin-top:140px;
}

.keralataxiouter img
{
	margin-right:6px;
}
td a 
{
	color:#478113 !important;
	text-decoration:none;
}
#form1
{
	font-size:9px;
	width:97%;
	text-align:left;
}
.tabs img
{
	/*width:50%;*/
	height:50%;
	margin:0 auto;
}
.galleryouter
{
	padding:20px 2%;
	width:96%;
	background:#FFF ;
	box-shadow:0px 0px 2px rgba(0, 0, 0, 0.1);
	float:left;
	margin-top:5px;
}
.galleryouter img
{
	width:230px;
	height:170px;
	vertical-align:middle;
}
@media only screen and (min-width: 320px) and (max-width:500px) {
.galleryouter
{
	margin-top:15px;
}

.galleryouterdiv1
{
	width:82% !important;
	}
	.destnimageouter
	{
		width:90% !important;
	}
	
	}
	.galleryouterdiv1
{
	float:left; margin-right:13px; margin-bottom:10px; border:1px solid #F3F3F3; padding:10px; width:29%; text-align:justify;
}


.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgb(71, 129, 19) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1!important;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
.housedeatils h2
{
	font-size:14px;
	text-transform:uppercase;
}
.housedeatils a
{
	color:#C00108;
	cursor:pointer;
}
.housedeatils a:hover,.housedeatils a:focus
{
	color:#478113;
	cursor:pointer;
}
.housedeatils img
{width:100%;
height:72px;
}
.housedeatils .smaldiv
{
	width:44%;
	font-size:12px;
}
.housephoto img
{
	width:90%;
}

		.imglist ul{
	margin:0px;
}
.imglist li{
	font-size:14px;
	margin-left:25px;
	padding:0px;
	list-style:url(../images/03_right-16.png);
	line-height:30px;
}
.imglist li a:link, .imglist li a:visited{
	color:#C00108;
	text-decoration:none;

}
.imglist li a:hover{
	color:#478113;
	padding:2px;
    -moz-box-shadow: 0px 0px 12px #9e9ea3;
    -webkit-box-shadow: 0px 0px 12px #9e9ea3;
    box-shadow: 0px 0px 12px #9e9ea3;
    border:none 0px #000000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.galleryouter h2
{
	font-size:14px;
	text-transform:uppercase;
}
.box {
  cursor: pointer;
  height: 110px;
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color:#fcfafa;
}


.box .overbox {
  background-color: #C00108;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 100;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity: 0;
  width: 360px;
  height: 240px;
  padding: 25px 25px;
}

.box:hover .overbox { opacity: 1; }

.box .overtext {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}

.box .title {
  font-size: 12px;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
  background-color:#C00108;
}

.box:hover .title,
.box:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.box .tagline {
  font-size: 0.8em;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
}

.box:hover .tagline,
.box:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}
.overtext a
{
	color:#fff;
}

.galleryouter p
{
	text-align:justify !important;
}
.package-ribbon-wrapper{ bottom: auto; top: 8px; }
package-content ul.shortcode-list li i{ font-size: 16px; }
.package-content ul.shortcode-list li{ line-height: 1.5; }

a.package-book-now-button{ margin-top: 20px; margin-bottom: 0px; }
div.package-media-wrapper{ position: relative; }
div.package-ribbon-wrapper{ position: absolute; right: -8px; bottom: 22px; }
div.package-type { padding: 9px 20px; font-size: 14px; line-height: 1;  font-weight: bold; }
div.package-type span.head{ font-size: 12px; display: block; line-height: 1; margin-bottom: 4px; }
div.package-type span.discount-text{ font-size: 18px; display: block; line-height: 1; }
div.package-type-gimmick { width: 0px; height: 0px; float: right;
	border-width: 8px 8px 0px 0px; border-style: solid; border-bottom-color: transparent; 
	border-right-color: transparent; border-left-color: transparent; }
.package-type.last-minute
{
	background-color:RGBA(0, 0, 0, 0.61);
	color:#fff;
}
/*moverover effect*/
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #97BD29;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  padding:10px 33px;
  width:78%;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #EFEFEF;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  box-shadow:2px 2px 2px;

}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
 
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0); 
}
[class^="hvr-"] {
  text-decoration: none;
  color:#478113;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
   font-weight:bold;
  font-size:12px;
}
/*end mouseovereffect*/
.destnimageouter
{
	width: 97%; float: left; padding: 10px; border: 1px solid rgb(239, 234, 234); margin-bottom:2%;
}
/*div zoom effect*/
.hvr1-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
  width:50%;
  padding:10px;
  background-color:rgba(242, 235, 235, 0.44);
}
.hvr1-grow-shadow:hover, .hvr1-grow-shadow:focus, .hvr1-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Box Shadow Outset */
.hvr1-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr1-box-shadow-outset:hover, .hvr1-box-shadow-outset:focus, .hvr1-box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}
[class^="hvr1-"] {
  text-decoration: none;
  color:#000;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
   font-weight:bold;
  font-size:12px;
  margin-left:3%;margin-top:3%;
}
.testdisptn p {
	color:#333;
}
/*end of div zoom effect*/