/* --------------------- sf_slideshow */


[data-slide]			{
						opacity:0;
						z-index: -1;
						position: absolute;
						top:0;
						}
.sf_slide_gpu			{
						transition-property: opacity;
						transition-duration: 500ms;
						transition-timing-function: linear;
						
						-webkit-backface-visibility: hidden;
						-moz-backface-visibility: hidden;
						-ms-backface-visibility: hidden;
						backface-visibility: hidden;
					
						-webkit-perspective: 1000;
						-moz-perspective: 1000;
						-ms-perspective: 1000;
						perspective: 1000;
						
						-webkit-transform: translate3d(0, 0, 0);
						-moz-transform: translate3d(0, 0, 0);
						-ms-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
						
						-webkit-transform: translateZ(0);
						}
.sf_slide_show			{ opacity: 1; }
.sf_slide_hide			{ opacity: 0; }
						
.sf_slide_control		{
						position: absolute;
						display: flex;
						justify-content: center;
						align-items: center;
						width:30px;
						height:100%;
						z-index: 2;
						margin: 0 .65em;
						font-size: 3em;
						}
						
.sf_slide_control.right	{ right: 0; text-align: right; }

.sf_slide_control_prev,
.sf_slide_control_next	{ cursor: pointer; }

.sf_fade_speed0			{ transition-duration: 50ms; }
.sf_fade_speed100		{ transition-duration: 100ms; }
.sf_fade_speed200		{ transition-duration: 200ms; }
.sf_fade_speed300		{ transition-duration: 300ms; }
.sf_fade_speed400		{ transition-duration: 400ms; }
.sf_fade_speed500		{ transition-duration: 500ms; }
.sf_fade_speed600		{ transition-duration: 600ms; }
.sf_fade_speed700		{ transition-duration: 700ms; }
.sf_fade_speed800		{ transition-duration: 800ms; }
.sf_fade_speed900		{ transition-duration: 900ms; }
.sf_fade_speed1000		{ transition-duration: 1000ms; }
.sf_fade_speed1500		{ transition-duration: 1500ms; }
.sf_fade_speed2000		{ transition-duration: 2000ms; }
.sf_fade_speed3000		{ transition-duration: 3000ms; }
.sf_fade_speed4000		{ transition-duration: 4000ms; }


@media only screen and (max-width:414px) {
	
.sf_slide_control		{
						font-size: 2em;
						margin: 0 .2em;
						}
}