/*
  Project Name : vapor theme 
  Author Company : Ewebcraft
  Project Date: 1 Jan,2016
  Author Website : http://www.layerstheme.com
  Author Email : admin@layers.com
*/

/*------------------------------------------------------------------
[generic Table of contents]

* body
  
    + #header
        - #logo
        - #live-help
		- #opening-hours
		- #chat-with-us
            
    + #main-navigation
        - .navbar-header
        - #fixed-collapse-navbar
            
    + #main-slider

    + #vapouring-theme
        - #theme
        - #theme-img
		- .theme-boxes

    + #tips
        - #tips-text
        - #tips-para
          
    + #trails
        - #trail-title
        - #trail-gallery

    + #vaping-now
        - #vaping-text
		- #vaping-para
		- #vaping-img
     
    + #party-area
        - #party-text
		- #party-para

    + #instructors
        - #instructor-gallery
        
    + #testimonial-review
        - #main-testimonial
		- #testimonial-para
		- #testimonial-img    
    
    + #below-testimonial
		- #below-testi-text
		- #below-testi-para
		
	+ #parts
		- #parts-title
		- #parts-gallery
		
	+ #party-images
		- #images-text
		- #gallery
		
	+ #below-gallery
		- #gallery-text
		- #gallery-para
		
	+ #packages
		- .packages-container
			- .package-container
			
	+ #blog-section
		- #blog-text
		- #blog-images
		
	+ #below-blog
		- #below-blog-text
		- #below-blog-para
		
	+ #contact
		- .contact-container
			- .contact-info
			- .form-inline 
	
	+ .map-container
		- #map-canvas
		
	+ #footer
		- .footer-about
		- .footer-post
		- .footer-trail
		- .bottom-image-group

    + #copyright
	
	
[end generic table of contents ]
******************************************/  


/*********************** master slider ************************/
.ms-slide .ms-layer, .ms-fixed-layers .ms-layer 
{
  /*pointer-events: auto;*/
  position: relative !important;
}
.master-slider 
{
    height: 100%;
}
.master-slider, .master-slider * 
{
    box-sizing: content-box;
	text-align:center;
	margin:0 auto;
}
	.master-slider 
	{
		position: relative;
		transform: translate3d(0px, 0px, 0px);
		visibility: hidden;
	}

		.ms-view .ms-slide-container 
		{
			position: relative;
		}
		
		.ms-inner-controls-cont, #top-banner .ms-container 
		{
			margin: 0 auto;
			position: relative;
		}

.ms-view 
{
    background: #000000 none repeat scroll 0 0;
    margin: 0 auto;
    overflow: hidden;
    perspective: 2000px;
    position: relative;
}
.ms-slide 
{
    height: 100%;
    position: absolute;
    transform: translateZ(0px);
}

	.ms-moz .ms-slide-bgcont > img 
	{
		transform: translateX(0px);
	}
	.ms-slide .ms-slide-layers,  .ms-fixed-layers 
	{
		height: 100%;
		overflow: hidden;
		/*pointer-events: none;*/
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 109;
	}
	.ms-anim-layers
	{
		position:relative;
		top:17%;
	}
	#main-slider .ms-slide.slide-1 h4 
	{
		color: #e1730f;
		font-family: 'Raleway', sans-serif;
		font-size:24px;
		font-weight: 700;
		margin: 55px 0px 10px;
		top:100px;
		position:relative;
		left:135px;
	}
	#main-slider .ms-slide.slide-1 h1 
	{
		color: #fff;
		font-size:70px;
		font-family: 'Raleway', sans-serif;
		font-weight: 900;
		margin:120px 0px 5px;
		position:relative;
		bottom:20px;
		text-transform: uppercase;
		position:relative;
		left:235px;
	}
	#main-slider .ms-slide.slide-1 h3
	{
		color: #fff;
		font-size:70px;
		font-family: 'Raleway', sans-serif;
		font-weight: 900;
		position:relative;
		bottom:30px;
		text-transform: uppercase;
		position:relative;
		left:-208px;
		margin:0px;
	}
	
.banner-block p 
{
    color: #fff;
    margin-top: 37px;
}
#main-slider .ms-slide.slide-1 a
{
    position: absolute;
	top:0px;
	background:#151614;
	padding:18px 52px !important;
	color:#ffffff;
	border:none;
	font-family: 'Raleway', sans-serif;
	text-transform:uppercase;
	left:45px;
	font-weight:700;
	border-radius:0px;
	font-size:18px;
	box-shadow: 0.5px 5px  #9f4c00;
	-webkit-box-shadow: 0.5px 5px  #9f4c00;
	-moz-box-shadow: 0.5px 5px  #9f4c00;
	transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
}
	.hvr-shutter-in-horizontal::before
	{
		background:#e1730f;
	}
/*********** slide 2 ********************/
#main-slider .ms-slide.slide-2 h4 
	{
		color: #e1730f;
		font-family: 'Raleway', sans-serif;
		font-size:24px;
		font-weight: 700;
		margin: 55px 0px 10px;
		top:100px;
		position:relative;
	}
	#main-slider .ms-slide.slide-2 h1 
	{
		color: #fff;
		font-size:70px;
		font-family: 'Raleway', sans-serif;
		font-weight: 900;
		margin:135px 0px 5px;
		position:relative;
		bottom:20px;
		text-transform: uppercase;
		position:relative;
	}
	#main-slider .ms-slide.slide-2 h3
	{
		color: #fff;
		font-size:70px;
		font-family: 'Raleway', sans-serif;
		font-weight: 900;
		position:relative;
		bottom:30px;
		text-transform: uppercase;
		position:relative;
		margin:0px;
	}
	
.banner-block p 
{
    color: #fff;
    margin-top: 37px;
}
#main-slider .ms-slide.slide-2 a
{
    position: absolute;
	top:0px;
	background:#151614;
	padding:18px 52px !important;
	color:#ffffff;
	border:none;
	font-family: 'Raleway', sans-serif;
	text-transform:uppercase;
	font-weight:700;
	border-radius:0px;
	font-size:18px;
	box-shadow: 0.5px 5px  #9f4c00;
	transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
}

/************** slider 3 ******************/

#main-slider .ms-slide.slide-3 h4 
	{
		color: #e1730f;
		font-family: 'Raleway', sans-serif;
		font-size:24px;
		font-weight: 700;
		margin: 55px 0px 10px;
		top:100px;
		position:relative;
		text-align:left;
	}
	#main-slider .ms-slide.slide-3 h1 
	{
		color: #fff;
		font-size:70px;
		font-family: 'Raleway', sans-serif;
		font-weight: 900;
		margin:135px 0px 5px;
		position:relative;
		bottom:20px;
		text-transform: uppercase;
		position:relative;
		text-align:left;
	}
	#main-slider .ms-slide.slide-3 h3
	{
		color: #fff;
		font-size:70px;
		font-family: 'Raleway', sans-serif;
		font-weight: 900;
		position:relative;
		bottom:30px;
		text-transform: uppercase;
		position:relative;
		text-align:left;
		margin:0px;
	}
	
.banner-block p 
{
    color: #fff;
    margin-top: 37px;
}
#main-slider .ms-slide.slide-3 a
{
    position: absolute;
	top:0px;
	background:#151614;
	padding:18px 52px !important;
	color:#ffffff;
	border:none;
	font-family: 'Raleway', sans-serif;
	text-transform:uppercase;
	float:left;
	font-weight:700;
	border-radius:0px;
	font-size:18px;
	box-shadow: 0.5px 5px  #9f4c00;
	transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
}

#main-slider .ms-slide a:hover {
	box-shadow: 0px 0px  #9f4c00;
	-webkit-box-shadow: 0px 0px  #9f4c00;
	-moz-box-shadow: 0px 0px  #9f4c00;
}

/****************** button hover ********************/





/************** instructor **********************/

/* Instructor-slider */

#instructor-gallery 
{
  margin:80px 0px;
}

	#instructor-slider .item
	{
		margin: 0px;
		overflow: hidden;
	  }
	  #instructor-slider .item img
	  {
		display: block;
		width: 100%;
		height: auto;    
	  }
	  .instructor-photo-overlay 
	  {
	  	overflow: hidden;
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: -100%;
		left: 0;
		right: 0;
		opacity: 0;
		text-align: left;
		padding-left:10px;
		background: rgba(101,100,97,0.2);
		-webkit-transition: all 0.2s ease 0s;
		-moz-transition: all 0.2s ease 0s;
		-o-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
		}
			.instructor-photo-overlay h1 
			{
			  font-family: 'Raleway';
			  color: #fff;
			  font-size: 20px;
			  position: absolute;
			  left: -100%;
			  bottom: 100px;
			  /*margin-top: 95%;*/
			  margin-bottom: 0px !important;
			  text-transform:capitalize;
			  -webkit-transition: all 0.5s ease 0.1s;
			  -moz-transition: all 0.5s ease 0.1s;
			  -o-transition: all 0.5s ease 0.1s;
			  transition: all 0.5s ease 0.1s;
			}
			.instructor-photo-overlay p 
			{
			  font-family: 'Source Sans Pro', sans-serif;
			  color: #fff;
			  font-size: 16px;
			  position: absolute;
			  left: -100%;
			  bottom:70px;
			  /*margin-top: 0px !important;*/
			  -webkit-transition: all 0.6s ease 0.1s;
			  -moz-transition: all 0.6s ease 0.1s;
			  -o-transition: all 0.6s ease 0.1s;
			  transition: all 0.6s ease 0.1s;
			}
		.instructor-photo-overlay .icon-overlay 
		{
		  color: #fff;
		  opacity: 0;
		  position: absolute;
		  bottom: -70px;
		  left: 15px;
		  /*bottom:25%;*/
		  -webkit-transition: all 0.7s ease 0.1s;
		  -moz-transition: all 0.7s ease 0.1s;
		  -o-transition: all 0.7s ease 0.1s;
		  transition: all 0.7s ease 0.1s;
		}

	.instructor-photo-overlay .icon-overlay a {
	  color: #fff;
	}
	.instructor-photo-overlay .icon-overlay i.fa 
	{
	  font-size: 18px;
	  margin-right: 2px;
	  height: 20px;
	  width: 20px;
	}
	.instructor-photo-overlay .icon-overlay i.fa:hover 
	{
	  color: #151614;
	}
	
	#instructor-slider .item:hover .instructor-photo-overlay 
	{
	  bottom: 0;
	  background: rgba(228,118,21,0.8);
	  opacity: 1;
	}
	#instructor-slider .item:hover .instructor-photo-overlay .icon-overlay 
	{
	  bottom: 40px;
	  opacity: 1;
	  /*transition-delay:0.2s;*/
	}
	#instructor-slider .item:hover .instructor-photo-overlay h1 
	{
	  left: 10px;
	  opacity: 1;
	  /*transition-delay:0.2s;*/
	}
	#instructor-slider .item:hover .instructor-photo-overlay p 
	{
	  left: 14px;
	  opacity: 1;
	  /*transition-delay:0.2s;*/
	}
	#instructor-slide .item:hover img 
	{
	  transform:scale(1.05);
	}

/******************** parts slider ********************/
#parts-gallery {
  background: #f4f4f4 none repeat scroll 0 0;
  margin:80px 0px;
}
  #parts-slider .item{
    margin: 0px;
    overflow: hidden;
  }
  #parts-slider .item img{
    display: block;
    width: 100%;
    height: auto;
  }
  #parts-slider .item h3 
  {
    text-align: center;
	margin-top:30px;
  }
	  #parts-slider .item h3 a 
	  {
		  
		font-family: 'Raleway', sans-serif;
		color: #151614;
		text-decoration: none;
		margin:30px 0px 10px;
		font-size: 20px;
		text-align: center;
		-webkit-transition: all 0.4s ease-out;
		-moz-transition: all 0.4s ease-out;
		-o-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
		-ms-transition: all 0.4s ease-out;
	  }
		  #parts-slider .item h3 a:hover,
		  #parts-slider .item h3 a:focus 
		  {
			text-decoration: none;
		  }
	
	  #parts-slider .item p 
	  {
		font-family: 'Source Sans Pro', sans-serif;
		color: #686868;
		padding:0px 100px; 
		text-align: center; 
	  }
  #parts-slider .item p.parts-price 
  {
    font-family: 'Source Sans Pro', sans-serif;
    color: #151614;
    font-size: 24px;
    margin: 0px 0px 30px;
    text-align: center; 
  }
  
  #parts-slider .item .parts-image 
  {
    position: relative;
    overflow: hidden;
  }
  #parts-slider .item .parts-image img {
  	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
  }
  #parts-slider .item .parts-image .parts-hover:before {
  	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(5.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(5.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
  }
  #parts-slider .item:hover .parts-image img {
  	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
  }
  #parts-slider .item:hover .parts-image .parts-hover:before {
  	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
  }
  #parts-slider .item .parts-image .parts-hover 
  {
    width: 100%;
    height: 100%;
    background-color: rgba(4,5,6,0.8);
    position: absolute;
    top: 0;
    left: -100%;
    opacity: 0.2;
    text-align: center;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
    -ms-transition: all 0.2s ease-in 0s;
  }
	  #parts-slider .item .parts-image .parts-hover a {
		background-color: #e1730f;
		color: #ffffff;
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		position: absolute;
		bottom: 50%;
		left: 50%;
		margin-left: -25px;
		margin-bottom: -25px;
		opacity: 0;
		transform:scale(0);
		-webkit-transform:scale(0);
		-moz-transform:scale(0);
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
	  }
	  #parts-slider .item .parts-image .parts-hover a i.fa {
		font-size: 26px;
		line-height: 50px;
	  }
	  #parts-slider .item:hover .parts-image .parts-hover {
	    background-color: rgba(4,5,6,0.8);
	    left: 0;
	    opacity: 1;
	  }
	  #parts-slider .item:hover h3 a 
	  {
		color: #e1730f;
	  }
		  #parts-slider .item:hover .parts-image .parts-hover a 
		  {
			-webkit-transform:scale(1);
			-moz-transform:scale(1);
			opacity: 1;
			transition-delay:0.2s;
		  }
		  #parts-slider .item .parts-image .parts-hover a:hover 
		  {
			color: #fff;
		  }
		  

/******************** gallery slider *******************/

#mb-gallery 
{
  margin-top: 80px;
}
	#gallery-slider .item
	{
		margin: 0px;
		overflow: hidden;
		position: relative;
	  }
	  #gallery-slider .item .gallery-image img
	  {
		display: block;
		width: 100%;
		height: auto;    
	  }
  .gallery-photo-overlay 
  {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;     
    opacity: 0;
    background: rgba(0,0,0,0.2);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    overflow: hidden;
  }
	.gallery-photo-overlay p 
		{
		  font-family: 'Raleway', sans-serif;
		  color: #fff;
		  font-size: 20px;
		  position: absolute;
		  top: 0px;
		  left: -50%;
		  opacity: 0;
		  text-transform: uppercase;
		  -webkit-transition: all 0.4s ease 0.1s;
		  -moz-transition: all 0.4s ease 0.1s;
		  -o-transition: all 0.4s ease 0.1s;
		  transition: all 0.4s ease 0.1s;
		   margin-top: 25px; 
		}
	.gallery-photo-overlay .icon-overlay 
		{
		  color: #fff;
		  opacity: 0;
		  position: absolute;
		  bottom:-50%;
		  right: 50px;
		  -webkit-transition: all 0.8s ease 0.1s;
		  -moz-transition: all 0.8s ease 0.1s;
		  -o-transition: all 0.8s ease 0.1s;
		  transition: all 0.8s ease 0.1s;
		}
	.gallery-photo-overlay .icon-overlay a 
		{
		  color: #fff;
		  -webkit-transition: all 0.2s ease 0.1s;
		  -moz-transition: all 0.2s ease 0.1s;
		  -o-transition: all 0.2s ease 0.1s;
		  transition: all 0.2s ease 0.1s;
		}
		.gallery-photo-overlay .icon-overlay i.fa 
		{
		  margin-right: 10px;
		  font-size: 18px;
		  height: 20px;
		  width: 20px;
		}
			.gallery-photo-overlay .icon-overlay a:hover 
			{
			  color:#151614;
			  outline: none;
			  text-decoration: none;
			}
		.gallery-photo-overlay .icon-overlay i.fa:hover 
		{
		  color: #151614;
		}

	#gallery-slider .item:hover .gallery-photo-overlay 
	{
	  border-radius: 0px;	 
	  background: rgba(228,127,32,0.9);
	  opacity: 1;
	}
		#gallery-slider .item:hover .gallery-photo-overlay p 
		{
		  left: 25px;
		  opacity: 1;
		  transition-delay:0.2s;
		}
		#gallery-slider .item:hover .gallery-photo-overlay .icon-overlay 
		{
		  bottom: 5%;
		  right: 20px;  
		  opacity: 1;
		  transition-delay:0.2s;
		}
		#gallery-slide .item:hover img 
		{
		  transform:scale(1.05);
		}


/