body.hidden-scroll	{overflow: hidden;}

.sl-overlay	{position: fixed;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			background:#000;
			opacity: 0.9;
			display: none;
			z-index: 1035;}

.sl-wrapper	{z-index: 1040;}

.sl-wrapper button	{border: 0 none;
					background: transparent;
					font-size: 28px;
					padding: 0;
					cursor: pointer;}
					
.sl-wrapper button:hover	{opacity: 0.7;}

.sl-wrapper .sl-close	{display: none;
						position: fixed;
						right: 30px;
						top: 30px;
						z-index: 10060;
						margin-top: -14px;
						margin-right: -14px;
						height: 44px;
						width: 44px;
						line-height: 44px;
						font-family: Arial, Baskerville, monospace;
						color: white;
						font-size: 3rem;}
						
.sl-wrapper .sl-close:focus	{outline: none;}

.sl-wrapper .sl-counter	{display: none;
						position: fixed;
						top: 30px;
						left: 30px;
						z-index: 1060;
						color: white;
						font-size: 1rem;}
						
.sl-wrapper .sl-navigation	{width: 100%;
							display: none;}
							
.sl-wrapper .sl-navigation button	{position: fixed;
									top: 50%;
									margin-top: -22px;
									height: 44px;
									width: 22px;
									line-height: 44px;
									text-align: center;
									display: block;
									z-index: 10060;
									font-family: Arial, Baskerville, monospace;
									color: white;}
								
.sl-wrapper .sl-navigation button.sl-next	{right: 5px;
											font-size: 2rem;}
											
.sl-wrapper .sl-navigation button.sl-prev	{left: 5px;
											font-size: 2rem;}
											
.sl-wrapper .sl-navigation button:focus	{outline: none;}

@media (min-width: 35.5em) {
.sl-wrapper .sl-navigation button	{width: 44px;}

.sl-wrapper .sl-navigation button.sl-next	{right: 10px;
											font-size: 3rem; }
											
.sl-wrapper .sl-navigation button.sl-prev	{left: 10px;
											font-size: 3rem; } 
}

@media (min-width: 50em) {
.sl-wrapper .sl-navigation button	{width: 44px;}

.sl-wrapper .sl-navigation button.sl-next	{right: 20px;
											font-size: 3rem;}
											
.sl-wrapper .sl-navigation button.sl-prev	{left: 20px;
											font-size: 3rem;} 
}

.sl-wrapper .sl-image	{position: fixed;
						-ms-touch-action: none;
						touch-action: none;
						z-index: 10000;}
						
.sl-wrapper .sl-image img	{margin: 0;
							padding: 0;
							display: block;
							border: 0 none;
							width: 100%;
							height: auto;}
							
@media (min-width: 35.5em)	{
	.sl-wrapper .sl-image img {border: 0 none; } 
}

@media (min-width: 50em) {
	.sl-wrapper .sl-image img {border: 0 none; } 
}

.sl-wrapper .sl-image iframe	{background: #000;
								border: 0 none; }
								
@media (min-width: 35.5em) {
.sl-wrapper .sl-image iframe {border: 0 none; } 
}

@media (min-width: 50em) {
.sl-wrapper .sl-image iframe {border: 0 none; } 
}

.sl-wrapper .sl-image .sl-caption	{display: none;
									padding: 10px;
									color: #fff;
									background: rgba(0, 0, 0, 0.8);
									font-size: 1rem;
									position: absolute;
									bottom: 0;
									left: 0;
									right: 0;}
									
.sl-wrapper .sl-image .sl-caption.pos-top	{bottom: auto;
											top: 0;}
											
.sl-wrapper .sl-image .sl-caption.pos-outside	{bottom: auto;}

.sl-wrapper .sl-image .sl-download	{display: none;
									position: absolute;
									bottom: 5px;
									right: 5px;
									color: white;
									z-index: 1060;}

.sl-spinner	{display: none;
			border: 5px solid #333;
			border-radius: 40px;
			height: 40px;
			left: 50%;
			margin: -20px 0 0 -20px;
			opacity: 0;
			position: fixed;
			top: 50%;
			width: 40px;
			z-index: 1007;
			-webkit-animation: pulsate 1s ease-out infinite;
			-moz-animation: pulsate 1s ease-out infinite;
			-ms-animation: pulsate 1s ease-out infinite;
			-o-animation: pulsate 1s ease-out infinite;
			animation: pulsate 1s ease-out infinite; }

.sl-scrollbar-measure	{position: absolute;
						top: -9999px;
						width: 50px;
						height: 50px;
						overflow: scroll;}

.sl-transition	{transition: -moz-transform ease 200ms;
				transition: -ms-transform ease 200ms;
				transition: -o-transform ease 200ms;
				transition: -webkit-transform ease 200ms;
				transition: transform ease 200ms; }
				
@-webkit-keyframes pulsate {
	0% {transform: scale(0.1);
		opacity: 0.0; }
	50% {opacity: 1; }
	
	100% 	{transform: scale(1.2);
			opacity: 0; } 
}

@keyframes pulsate {
	0% {transform: scale(0.1);
		opacity: 0.0; }
		
	50% {opacity: 1; }
	
	100%	{transform: scale(1.2);
			opacity: 0; } 
}

@-moz-keyframes pulsate {
	0% {transform: scale(0.1);
		opacity: 0.0;}
		
	50%	{opacity: 1; }
	
	100%	{transform: scale(1.2);
			opacity: 0; } 
}

@-o-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0; }
50% {
opacity: 1; }
100% {
transform: scale(1.2);
opacity: 0; } }

@-ms-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0; }
50% {
opacity: 1; }
100% {
transform: scale(1.2);
opacity: 0; } }