/*
=====================================================================
*   Woo v1.0 Layout Stylesheet
*   url: styleshout.com
*   05-02-2014
=====================================================================

   TOC:
   a. General and Common Styles
   b. Header Styles
   c. Hero Section
   d. Features Section
   e. Pricing Section
   f. Screenshots Section
   g. Call To Action Section
   h. Testimonials Section
   i. Subscribe Section
   j. Footer
   k. lightbox

   todo: check bug in mobile z-index

===================================================================== */

/* ------------------------------------------------------------------ */
/* a. General and Common Styles
/* ------------------------------------------------------------------ */
.clear { clear: both;}
body { background: #fff8e8; color: #ffffff; padding: 0px;}

.section-head {
  	padding: 0 4%;
   text-align: left;
   line-height: 20px;	
}
.section-head h1 {
   font: 60px/62px  'Lobster', cursive;
   color: #CDAA43;
   /*text-transform: uppercase;*/
   /*letter-spacing: 1.5px;*/
   margin-bottom: 12px;
}
.section-head h2 {
   font: 20px/36px 'opensans-bold', sans-serif;;
   color: #333;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   margin-bottom: 0px;
}

.section-head  .promo {
	background: #510a0e; padding: 10px; color: #ccc; text-transform: uppercase; font-weight: bold;
	margin: 10px 0;
}

h1 {
   font: 50px/52px  'Lobster', cursive;
   /*text-transform: uppercase;*/
   /*letter-spacing: 1px;*/
   color: #ffffff;
}
h2 {
   font: 40px/42px  'Lobster', cursive;
   /*text-transform: uppercase;*/
   /*letter-spacing: 1px;*/
   color: #ffffff;
}
h3 {
   font: 30px/32px  'Lobster', cursive;
   /*text-transform: uppercase;*/
   /*letter-spacing: 1px;*/
   color: #ffffff;
}
h4 {
   font: 20px/22px  'Lobster', cursive;
   /*text-transform: uppercase;*/
   /*letter-spacing: 1px;*/
   color: #ffffff;
}

/* for css animations */
.show { opacity: 1; }
.js #mc_embed_signup input[type="email"],
.js #mc_embed_signup input[type="submit"] {
   opacity: 0;
}

ul {
	list-style-type: circle;
}
ul li {
	margin: 0 0 0 15px;
}

.floatLeft {
	position: relative;
	float: left;
}

.button_wrapper{
	padding: 0px 0 20px 0;
}

.button {
	margin: auto auto;
	text-align:center;
}
.button a{
	color:#e0003e;
}

/*
.row {
	max-width: 650px !important;
}*/

/* ------------------------------------------------------------------ */
/* b. Hero Section
/* ------------------------------------------------------------------ */


#hero {
	padding: 0px;
}

#hero .hero_banner{
	padding: 0px; border: 0px solid #000; line-height: 0px;
	display: block;
}

#hero .hero_banner_m{
	padding: 0px; border: 0px solid #000; line-height: 0px;
	display: none;
}

/* ------------------------------------------------------------------ */
/* c. Intro Section
/* ------------------------------------------------------------------ */

#intro {
   background: #e0003e;
   padding-top: 20px;
   padding-bottom: 10px;
   overflow: hidden;
   text-align: center;
}

#intro h3 {   
}

#intro .intro_text{
}


/* ------------------------------------------------------------------ */
/* d. Features Section
/* ------------------------------------------------------------------ */

#features {
   background: #e0003e;
   padding-top: 10px;
   padding-bottom: 10px;
   overflow: hidden;
}

#features h3 {   
}

#features .hotel_wrapper {   
	position: relative; float: left; width: 50%;
}

#features .hotel {   
	border:1px #fff solid; 
	padding: 10px 0 1px 0;
	margin: 10px;
}

#features .hotel_text {   
	margin: auto auto; width: auto; text-align:center;
}
					
#features .food_wrapper {  
	position: relative; float: left; width: 50%; text-align:center;
}

#features .food_wrapper .food_img{  
}

#features .food_wrapper .food_title{  
   font: 20px/22px  'Lobster', cursive;
   color: #ffffff;
}

#features .food_wrapper .food_text{  
	position: relative;
	padding: 0 23px 0 10px;
}


/* ------------------------------------------------------------------ */
/* e. Participate Section
/* ------------------------------------------------------------------ */

#participate {
   background: #e0003e;
   padding-top: 50px;
   padding-bottom: 50px;
   overflow: hidden;
   text-align: center;
}

#participate .title{  
   font: 50px/52px  'Lobster', cursive;
   color: #ffffff;
   padding: 0 0 10px 0;
}


#participate ol{  
   font: 24px/28px  'Lobster', cursive;
   color: #ffffff;
   padding: 0 0 10px 0;
   text-align: center;
   list-style-position: inside;
}

#participate ol li span{  
   font-family: 'opensans-regular', sans-serif;
   font-size: 15px;
   color: #ffffff;
   padding: 0 0 10px 0;
}

/* ------------------------------------------------------------------ */
/* f. Promotions Section
/* ------------------------------------------------------------------ */

#promotions {
   background: #fff8e8;
   padding-top: 10px;
   padding-bottom: 10px;
   overflow: hidden;
   text-align: center;
   vertical-align: top;
}

#promotions .title{  
   font: 50px/52px  'Lobster', cursive;
   color: #e0003e;
   padding: 0 0 10px 0;
}


#promotions .promo_wrapper{ 
	position: relative; float: left; width: 50%;
}

#promotions .promo_wrapper .promo_img{   
	padding: 10px;
}

#promotions a {
	color: #333;
}
#promotions a:hover {
	color: #000;
}
#promotions a:visited {
	color: #333;
}



/* ------------------------------------------------------------------ */
/* g. Footer Section
/* ------------------------------------------------------------------ */

footer {
   background: #fff8e8;
   padding-top: 10px;
   padding-bottom: 10px;
   overflow: hidden;
   text-align: center;
   color: #333;
   font-size: 10px;
   line-height: 14px;
}

footer .footer_wrapper {
	position: relative; float: left; width: 50%;
}
 
footer .text{	
}

footer .footer_logo{ 
   width: 180px;
}

footer .copyright{
	padding: 20px 0 5px 0;
}