/* FRAME */

#rsl_frame {
	position:				relative;
	margin-bottom:				20px;
}

/* NAVIGATION */

#rsl_frame a.rsl_nav {
	display:				block;
	position:				absolute;
	top:					50%;
	width:					50px;
	height:					50px;
	margin-top:				-25px;
	background-position:			center;
	background-repeat:			no-repeat;
	cursor:					pointer;
	opacity:				1;
}

#rsl_frame a.rsl_nav:hover {
	opacity:				1;
}

#rsl_frame a.prev {
	left:					-10px;
	background-image:			url(../elements/left_white.png);
	background-size: contain;
}

#rsl_frame a.next {
	right:					-10px;
	background-image:			url(../elements/right_white.png);
	background-size: contain;
}

/* SLIDESHOW */

#rsl_slideshow {
	position:				relative;
	width:					100%;
	margin:					0 auto;
	overflow:				hidden;
}

#rsl_slideshow img {
	margin-top: 				5px;
	/*position:				relative; - comment fixes problem on mobile Android Browser */
	display:				block;
	width: 					306px;
	border:					0px none;
	z-index:				1;
	-webkit-box-shadow:  	-3px 3px 1px 1px #FFFFFF;
    box-shadow:  			-3px 3px 1px 1px #FFFFFF;
	margin: auto;
}

#rsl_slideshow img.active {
	z-index:				2;
}

#rsl_slideshow ul {
	position:				relative;
	min-height:					374px;
	margin:					0;
	padding:				0;
	list-style-type:			none;
	width: 50%;
	margin: auto;
	max-width: 500px;
}

#rsl_slideshow li {
	position:				absolute;
	top:					10px;
	width:					100%;
	margin:					0;
	border:					0px none;
	overflow:				hidden;
	background-color:			#ffffff;
	background-image:			none;
	cursor:					pointer;
	z-index:				1;
	border-radius:				10px;
	padding: 10px;
	visibility:hidden;
	opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
  left: 0;
 
}


@media(max-width:767px) {
	#rsl_slideshow ul {
		width: 80%;
	}
}

#rsl_slideshow li.active {
	z-index:				2;
	visibility: visible;
	opacity: 1;
}

#rsl_slideshow li:hover {
	z-index:				2;
	box-shadow:				none;
}

#rsl_slideshow li.active:hover {
	box-shadow:				none;
}

#rsl_slideshow li>a {
	position:				absolute;
	display:				block;
	left:					0px;
	top:					0px;
	width:					100%;
	height:					70%;
	z-index:				2;
}

#rsl_slideshow li img {	
	margin:					left;
	overflow:				hidden;
	/*border-radius:			8px;*/
}

#rsl_slideshow li.active img {
	/* */
}

#rsl_slideshow h5 {
    /*background-image: url("../elements/logo_g.png");*/
    background-position: left top;
    background-repeat: no-repeat;
    cursor: default;
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    z-index: 3;
	line-height: 30px;
}

#rsl_slideshow h6{
	padding-top: 				5px;
	font-size:				14px;
	font-weight: normal;
	margin-top: 8px;
	margin-bottom: 0px;
	text-align:center;
}

@media all and (max-width: 485px) {
		#rsl_frame a.prev {
		display: none !important;
	}
	
	#rsl_frame a.next {
		display: none !important;
	}
}

@media all and (max-width: 800px) {
	#rsl_frame a.prev {
		/* display: none !important; */
	}
	
	#rsl_frame a.next {
		/* display: none !important; */
	}
	   #rsl_slideshow {
        
    }
}