/******************************
*
*  RoyalSlider Default Skin
* 
******************************/


/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
	color: #FFF;
}

.bContainer {
  position: relative;
}
.rsABlock {
  position: relative;
  display: block;
  left: auto;
  top: auto;
}
.blockHeadline {
  font-size: 3.5em;
  line-height: 1.5em;
}
.blockSubHeadline {
  font-size: 1.5em;
  line-height: 1.5em;
}
.txtCent {
  text-align: center; 
  width: 100%; 
}
.slide1 .bContainer {
  top: 45%;
}
.rsImgBg {
  left: 0;
  top: 0;
	width: 100%;
  position: absolute;
}
.rsBlockBtn {
	display: block;
}
.rsBtn {
	border: 2px solid #FFF;
	margin-top: 20px;
	background-color: rgba(0,0,0,0.2);
	color: #FFF;
	text-decoration: none;
	padding: 10px 20px;
	font-size: 1.4em;
	display: inline-block;
}

@media only screen and (max-width : 767px) {

	.bContainer {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.slide1 .bContainer {
	  top: 30%;
	}
	.blockHeadline {
	  font-size: 2em;
	  line-height: 1.5em;
	}
	.blockSubHeadline {
	  font-size: 1em;
	  line-height: 2em;
	}

}

@media only screen and (max-width : 460px) {

	.slide1 .bContainer {
	  top: 25%;
	}

}





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

.rsDefault .rsArrow {
	height: 100%;
	width: 88px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}

.rsDefault.rsHor .rsArrowLeft { left: 0; top: 0; }
.rsDefault.rsHor .rsArrowRight { right: 0; top:0; }

.rsDefault .rsArrowIcn {		
	width: 48px;
	height: 92px;
	top: 50%;
	left: 50%;
	margin-top: -46px;	
	margin-left: -24px;
	background-size: 40px 80px;
	background-repeat: no-repeat;

	position: absolute;	
	cursor: pointer;
	background-color: rgba(0,0,0,0);	
	/*border-radius: 4px;*/
	transition: all 0.3s;
}
.rsDefault .rsArrowIcn:hover {
	/*background-color: rgba(0,0,0,0.25);*/
	transform: scale(1.2);
}

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn { background-image: url(../img/slider-prev.svg); background-position: 4px 6px; }
.rsDefault.rsHor .rsArrowRight .rsArrowIcn { background-image: url(../img/slider-next.svg); background-position: 4px 6px; }

.rsDefault .rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20);  *display: none; }



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

#sliderContainer {
	background-image:url(../img/preload.gif);
	background-position: center;
	background-size: 64px 64px;
	background-repeat: no-repeat;
}