/*  Stylesheet for the Meteor Slides 1.5.1 slideshow
	
	Copy "meteor-slides.css" from "/meteor-slides/css/" to your theme's directory to replace
	the plugin's default stylesheet.
	
	If you have navigation enabled, be sure to copy the "buttons.png", "next.png",
	and "prev.png" files to your theme's images folder and update the image paths below,
	or create new graphics to replace them.
	
	Learn more about customizing the stylesheet for Meteor Slides: 
	https://www.jleuze.com/plugins/meteor-slides/customizing-the-stylesheet/
*/

/* =Slideshow
-------------------------------------------------------------- */

div.meteor-slides {
	clear: both;
    height: auto !important;
	line-height: 0;
	margin: 0;
	width: 100% !important;
	overflow: hidden !important;
	padding: 0;
	position: relative;
	z-index: 1;
}
div.meteor-left {
	clear: none;
	float: left;
	margin: 0 20px 20px 0;
}
div.meteor-right {
	clear: none;
	float: right;
	margin: 0 0 20px 20px;
}
div.meteor-center {
	margin: 0 auto;
}
div.navpaged,
div.navboth {
	margin-bottom: 20px;
}
.meteor-slides .meteor-clip {
	line-height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
}
.meteor-slides .meteor-shim {
	border: 0;
	height: auto !important;
	margin: 0;
	width: 100% !important;
	padding: 0;
	width: auto\9; /* IE8 */
}
.meteor-slides a:focus {
	outline: none;
}

/* =Slide
-------------------------------------------------------------- */

.meteor-slides .mslide {
	display: none;
	height: auto !important;
	margin: 0;
	width: 100% !important;
	padding: 0;
}
.single-slide .mslide {
	display: block;
}
.meteor-slides .mslide a {
	border: 0;
	margin: 0;
	padding: 0;
}
.meteor-slides .mslide img {
	border: 0;
	box-shadow: none !important;
	display: block;
	height: auto !important;
	margin: auto !important;
	width: 100% !important;
	padding: 0 !important;
	width: auto\9; /* IE8 */
}
.meteor-slides .mslide img[src$='.png'] {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE7 */
	zoom: 1;	
}

/* =Previous/Next Navigation
-------------------------------------------------------------- */

.meteor-slides ul.meteor-nav {
	list-style: none;
    height: auto;
	margin: 0 !important;
	padding: 0;
}
.meteor-slides.navhover ul.meteor-nav {
	display: inline;
}
ul.meteor-nav li {
	display: inline;
    height: auto;
	list-style: none;
	margin: 0;
	padding: 0;
}
.meteor-nav .prev a {
	right: 90px;
	animation: fadeInUp 1s ease;
}
.meteor-nav .next a {
	right: 25px;
	animation: fadeInRight 1s ease;
}
.meteor-nav a {
	display: block;
	outline: none;
	position: absolute;
	text-indent: -9999px;
	z-index: 9999 !important;
	width: 60px;
    	height: 60px;
	bottom: 25px;
	border-radius: 50em; 
}	
.meteor-nav .prev a {
	background: #2f1c0f url('https://www.revivesalon-spa.com/wp-content/uploads/2016/06/prev.png') no-repeat center center;
}
.meteor-nav .prev a:hover {
	background: #e96198 url('https://www.revivesalon-spa.com/wp-content/uploads/2016/06/prev.png') no-repeat center center;
}
.meteor-nav .next a {
	background: #2f1c0f url('https://www.revivesalon-spa.com/wp-content/uploads/2016/06/next.png') no-repeat center center;
}
.meteor-nav .next a:hover {
	background: #e96198 url('https://www.revivesalon-spa.com/wp-content/uploads/2016/06/next.png') no-repeat center center;
}