label {
    color: #333;
	font-family:'Quicksand';
}

.btn-send {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 20px;
}

.help-block.with-errors {
    color: #ff5050;
    margin-top: 5px;
}


.nopadding {
padding: 0 !important;
}

.icon-cog {
  color: black;
}


div.polaroid {
			opacity: 1;
			margin: auto;
			width: 90%;
			background-color: white;
			box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			margin-bottom: 15px;
			border-radius: 8px; 
			border: 10px solid transparent; 
}


div.keralacycling {
			height: 590px;		
}


 @media only screen and (max-width: 500px) {
div.keralacycling {
			height: auto;		
}


  }

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

div.paddingtab {
			padding: 2rem;	
               }


			   
			   
}

.image-container {
           position: relative;
		   padding-bottom: 66.3793103%; /* ratio of image height to width */
		   height: 0;
           overflow: hidden;		   
		   }

.image-container img{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			
		}

.image-slider-container {
           position: relative;
		   padding-bottom: 45.803183%; /* ratio of image height to width */
		   height: 0;
           overflow: hidden;
		   }

.image-slider-container img{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			}		
div.polaroid:hover{
			opacity: 0.95;
			margin: auto;
			width: 90%;
			background-color: white	;
			box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.6	), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			margin-bottom: 15px;
			border-radius: 8px; 
			border: 10px solid transparent; 
}	

img.polaroid1 {
			opacity: 1;
			margin: auto;
			box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			margin-bottom: 15px;
			
				
}


img.polaroid1:hover{
			opacity: 1;
			margin: auto;
			box-shadow: 0 0 12px 0 rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			margin-bottom: 15px;
			
			
}	


div.containerimage {
  text-align: center;
  padding: 10px 10px;
  font-family: 'Quicksand';
  color: #000;
  font-weight:700;
  font-size: 1.5rem;
}

/* For Internet Explorer */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
  div.containerimage{
     text-align: center;
	padding: 10px 10px;
	font-family: 'Arial';
	color: #000;
	font-weight:700;
	font-size: 1.5rem;
  }
}


/* For Firefox */
@-moz-document url-prefix() {
  div.containerimage{
     text-align: center;
	padding: 10px 10px;
	font-family: 'Arial';
	color: #000;
	font-weight:700;
	font-size: 1.5rem;
  }
}



div.containertour {
  text-align: center;
  padding: 0px 10px 10px;
  font-family: 'Quicksand';
  color: #000;
  font-weight:700;
  font-size: 1.5rem;
}

/* For Internet Explorer */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
  div.containertour{
     text-align: center;
	padding: 0px 10px 10px;
	font-family: 'Arial';
	color: #000;
	font-weight:700;
	font-size: 1.5rem;
  }
}


/* For Firefox */
@-moz-document url-prefix() {
  div.containertour{
     text-align: center;
	padding: 0px 10px 10px;
	font-family: 'Arial';
	color: #000;
	font-weight:700;
	font-size: 1.5rem;
  }
}


.innercontentheading {
	text-align: left;
	padding: 1rem 1.5rem 1rem 1.5rem;
	
}

div.innercontentdetails {
	color: #000;
	text-align: justify;
	font-weight:500;	
	font-family: 'Quicksand';	
	padding :0rem 1.5rem 1rem 1.5rem;
	font-size: 1.5rem;

}

/* For Internet Explorer */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
div.innercontentdetails {
	color: #000;
	text-align: justify;
	font-weight:500;	
	font-family: 'Arial';	
	padding :0rem 1.5rem 1rem 1.5rem;
	font-size: 1.5rem;
  }
}

/* For Firefox */
@-moz-document url-prefix() {
div.innercontentdetails {
	color: #000;
	text-align: justify;
	font-weight:500;	
	font-family: 'Arial';	
	padding :0rem 1.5rem 1rem 1.5rem;
	font-size: 1.5rem;

	}

}

div.innercontentdetailsnojustify {
	color: #000;
	text-align: left;
	font-weight:500;		
	font-family: 'Quicksand';	
	padding :0rem 1.5rem 1rem 1.5rem;
	font-size: 1.5rem;

}

div.innercontentdetailsnojustify {
	color: #000;
	text-align: left;
	font-weight:500;		
	font-family: 'Quicksand';	
	padding :0rem 1.5rem 1rem 1.5rem;
	font-size: 1.5rem;

}

/* For Internet Explorer */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
div.innercontentdetailsnojustify {
	color: #000;
	text-align: left;
	font-weight:500;		
	font-family: 'Arial';	
	padding :0rem 1.5rem 1rem 1.5rem;
	font-size: 1.5rem;
}
}

/* For Firefox */
@-moz-document url-prefix() {
div.innercontentdetailsnojustify {
	color: #000;
	text-align: justify;
	font-weight:500;	
	font-family: 'Arial';	
	padding :0rem 1.5rem 1rem 1.5rem;
	font-size: 1.5rem;

	}

}


.infobox {
   background-color:#eefdec; 
   border:2px #eefdec; 
   border-radius: 20px;
     } 

.itinerarybox {
   background-color:#f0f8ff; 
   border:2px #f0f8ff; 
   border-radius: 20px;
     } 
	 
.fillerspacing {
		padding-top: 90px;
	}
	
/*@media only screen and  (min-width:601px) and (max-width:768px) {
.fillerspacing {
  padding-top: 180px;
	}
}
*/

.imagewithlabel {
  position: relative;
  max-width: 100% /* Maximum width */
  margin: 0 auto; /* Center it */
  }
   
.imagewithlabel .content {
  position: absolute; /* Position the background text */
  bottom: 20px; /* At the bottom. Use top:0 to append it to the top */
  left: 20px;
  max-width: 90%;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1; /* Grey text */
  /*width: 100%; */ /* Full width */
  padding-left: 10px; /* Some padding */   
  padding-right: 10px;
    
 }