/******************************
 *
 *  RoyalSlider Default Skin
 *
 *    1. Arrows
 *    2. Bullets
 *    3. Thumbnails
 *    4. Tabs
 *    5. Fullscreen button
 *    6. Play/close video button
 *    7. Preloader
 *
 *  Sprite: 'rs-default.png'
 *  Feel free to edit anything
 *  If you don't some part - just delete it
 *
 ******************************/

/* Background */
.rsClient .rsOverflow, .rsClient .rsSlide, .rsClient .rsVideoFrameHolder, .rsClient .rsThumbs {
	background: transparent;
}

/***************
 *
 *  1. Arrows
 *
 ****************/

.rsClient .rsArrow {
	width: 90px; /* .rsClient .rsArrowIcn width + Abstand vom Rand*/
}

.rsClient.rsVer .rsArrow {
	height: 90px;
}

.rsClient .rsArrowIcn {
	border-radius: 5px;
	width: 90px;
	height: 90px;
	margin-top: -45px;	/*0.5 * height*/
	margin-left: -45px;
	background: none;
	color: rgba(115,115,115,0.5);
	font-size: 60px;
}

.rsClient .rsArrowIcn:hover {
	background: none;
	color: rgba(115,115,115,1);
}

.rsClient .rsArrowDisabled .rsArrowIcn {
	display:none;
}

/***************
 *
 *  2. Bullets
 *
 ****************/

.rsClient .rsBullets {
	height: 30px;
	background: none;
}

.rsClient .rsBullet {
	margin: 9px 5px;
	width: 12px;
	height: 12px;
	background-color: rgba(115,115,115,0.5);
}

.rsClient .rsBullet.rsNavSelected, .rsClient .rsBullet:hover {
	background-color: rgba(115,115,115,1);
}

/***************
 *
 *  3. Thumbnails
 *
 ****************/

.rsClient .rsThumbsVer {
	width: 150px;
}


.rsClient .rsThumbsHor .rsThumb {
	width: 200px;
}


/* Thumbnails arrow icons */
.rsClient .rsThumbsArrow {
	width: 50px;
	background-color: rgba(0,0,0,1);
	color: rgba(115,115,115,0.5);
}

.rsClient .rsThumbsArrow:hover {
	background: none;
	color: rgba(115,115,115,1);
}

.rsClient.rsWithThumbsVer .rsThumbsArrow {
	height: 30px;
}

.rsClient .rsThumbsArrowIcn {
	font-size: 20px;
}

.rsClient .rsThumbsArrowDisabled .rsArrowIcn {
	display:none;
}


/***************
 *
 *  5. Fullscreen button
 *
 ****************/

.rsClient .rsFullscreenBtn {
	
	right: 10px;
	top: 10px;
	width: 36px;
	height: 36px;
}

.rsClient .rsFullscreenIcn {
	
	border-radius: 5px;
	background: none;
	color: rgba(115,115,115,0.5);
	font-size: 16px;
}

.rsClient .rsFullscreenIcn:hover {
	background: none;
	color: rgba(115,115,115,1);
}

.rsClient.rsFullscreen img.rsImg {
	max-width:100%;
}

/***************
 *
 *  6. Play/close video button
 *
 ****************/


.rsClient .rsPlayBtnIcon {	
	width: 80px;
	height: 80px;
	margin-top: -40px;	/*0.5 * height*/
	margin-left: -40px;
	font-size: 80px;
	background: none;
	-webkit-tap-highlight-color: none;
	color: rgba(115,115,115,0.5);
}

.rsClient .rsPlayBtnIcon:hover .rsPlayBtnIcon {
	background: none;
	color: rgba(115,115,115,1);
}


.rsClient .rsCloseVideoBtn {
	
	left: 10px;
	top: 10px;
	width: 36px;
	height: 36px;
}

.rsClient .rsCloseVideoIcn {
	
	border-radius: 5px;
	background: none;
	color: rgba(115,115,115,0.5);
	font-size: 16px;
}


.rsClient .rsCloseVideoIcn:hover {
	background: none;
	color: rgba(115,115,115,1);
}

/***************
 *
 *  7. Preloader
 *
 ****************/

.rsClient .rsPreloader {
	color: rgba(115,115,115,0.5);
	font-size: 30px;
}