/* v1.0.6 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */

.royalSlider {
	width:600px;
	height:400px;
	position:relative;
	direction:ltr;
	
	overflow:hidden;
}
.royalSlider > * {
	float:left;
}

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
	-webkit-backface-visibility:hidden;
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
 /*   -webkit-transform:none;	*/
}
.rsOverflow {
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	float:left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	left:0;
	top:0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
	position:absolute;
	left:0;
	top:0;

}
.rsContainer {
	position:relative;
	width:100%;
	height:100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow {
	cursor:pointer;
}

.rsThumb {
	float:left;
	position:relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow {
	opacity:1;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}
.rsHidden {
	opacity:0;
	visibility:hidden;
	-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}


.rsGCaption {
	width:100%;
	float:left;
	text-align:center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
	position:fixed !important;
	height:auto !important;
	width:auto !important;
	margin:0 !important;
	padding:0 !important;
	z-index:2147483647 !important;
	top:0 !important;
	left:0 !important;
	bottom:0 !important;
	right:0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
	opacity:1 !important;
	-webkit-transition:0s;
	-moz-transition:0s;
	-o-transition:0s;
	transition:0s;
	display:none;
}

.rsSlide {
	position:absolute;
	left:0;
	top:0;
	display:block;
	overflow:hidden;
	
	height:100%;
	width:100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
	height:auto;
}

.rsContent {
	width:100%;
	height:100%;
	position:relative;
}

.rsPreloader {
	position:absolute;
	z-index:0;	
}

.rsNav {
	-moz-user-select:-moz-none;
	-webkit-user-select:none;
	user-select:none;
}
.rsNavItem {
	-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.rsThumbs {
	cursor:pointer;
	position:relative;
	overflow:hidden;
	float:left;
	z-index:22;
}
.rsTabs {
	float:left;
	background:none !important;
}
.rsTabs,
.rsThumbs {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


.rsVideoContainer {
	width:auto;
	height:auto;
	line-height:0;
	position:relative;
}
.rsVideoFrameHolder {
	position:absolute;
	left:0;
	top:0;
	background:rgb(0,10,15);
	opacity:0;
	-webkit-transition:0.3s;
}
.rsVideoFrameHolder.rsVideoActive {
	opacity:1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
	position:absolute;
	z-index:50;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding-right:44px;
}

img.rsImg {
	max-width:none;
}

.grab-cursor {
	cursor:url(grab.png) 8 8, move; 
}

.grabbing-cursor{ 
	cursor:url(grabbing.png) 8 8, move;
}

.rsNoDrag {
	cursor:auto;
}

.rsLink {
	left:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	display:block;	
	z-index:20;
}



/* CUSTOM VERSION */

#slider {
  position:relative;
  display:block;
  margin:0 auto 60px auto;
  width:100%;
  max-width:1920px;
  height:410px;
  overflow:hidden;
  z-index:5010;
  
  background:rgba(121,48,49,1.00);
}

.rsContent {
  color:#FFF;
  font-size:2.4em;
  line-height:2.4em;
  float:left;
}
.bContainer {
  position:relative;
  z-index:5000;
}
.rsABlock {
  position:relative;
  display:block;
  left:auto;
  top:auto;
  z-index:50;
}

/* because of safari */
.royalSlider,
.royalSlider .rsOverflow,
.royalSlider .rsSlide,
.royalSlider img {
    -webkit-border-radius:30px;
    -mozborder-radius:30px;
    border-radius:30px;
}

.blockHeadline {
	width: 100%;
	font-family:'Titillium Web', Arial, sans-serif;
	font-weight: 600;
	line-height: 1.2em;
	color: rgb(255,255,255);
	text-shadow: 2px 2px 5px rgba(0,0,0,0.3) !important;
	text-transform: uppercase;
  padding:20px;
  background:rgba(50,50,50,0.2);
  z-index:500;
}

.blockHeadline a {
	display:block;
	width:100%;
	height:100%;
	color: rgb(255,178,0);
	text-decoration: none;
	transition: color 500ms ease;
	-webkit-transition: color 500ms ease; 
	-moz-transition: color 500ms ease; 
	-o-transition: color 500ms ease;
}
.blockHeadline a:hover {
	color: rgb(255,255,255);
}

.blockSubHeadline {
  font-size:1.2em;
  line-height:1.4em;
  font-weight:300;
  padding:0 20px;
  z-index:500;
}

.slide1, .slide2, .slide3, .slide4, .slide5 {
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
  background-position:center center;
}

.slide1 {
  background-image:url(../gallery/pic_01.jpg);
}

.slide2 {
  background-image:url(../gallery/pic_02.jpg);
}

.slide3 {
  	background-image:url(../gallery/pic_05.jpg);	
}

.slide4 {
  background-image:url(../gallery/pic_03.jpg);
}

.slide5 {
  background-image:url(../gallery/pic_04.jpg);
}

.slide1 .bContainer, .slide2 .bContainer, .slide3 .bContainer, .slide4 .bContainer, .slide5 .bContainer {
  top:50%;
  left:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  /* because of flickering at sliding in this is set to hight of all headlines	*/
  text-align:center;
}


@media screen and (min-width:0px) and (max-width:1000px) {
}

@media screen and (min-width:0px) and (max-width:500px) { 
  .royalSlider,
  .rsOverflow {
    
  }
}



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


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


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

.rsMinW .rsArrow {
	height:32px;
	width:32px;
	position:absolute;
	display:block;
	cursor:pointer;
	z-index:21;
}

.rsMinW .rsArrowLeft { right:50px; bottom:20px; }
.rsMinW .rsArrowRight { right:20px; bottom:20px; }

.rsMinW .rsArrowIcn {		
	width:24px;
	height:24px;
	margin-top:3px;
	margin-left:3px;
	position:absolute;
	cursor:pointer;	
	background:url(../graphics/rs-minimal-white.png) transparent;
	
	border-radius:2px;
}
.rsMinW .rsArrowIcn:hover {

}


.rsMinW.rsHor .rsArrowLeft .rsArrowIcn { background-position:-68px -36px; }
.rsMinW.rsHor .rsArrowRight .rsArrowIcn { background-position:-68px -68px; }

.rsMinW.rsVer .rsArrowLeft .rsArrowIcn { background-position:-100px -36px; }
.rsMinW.rsVer .rsArrowRight .rsArrowIcn { background-position:-100px -68px; }

.rsMinW .rsArrowDisabled .rsArrowIcn { opacity:.3 !important; filter:alpha(opacity=30);  *display:none; }


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

.rsMinW .rsBullets {
	position:absolute;
	bottom:30px;
	left:50%;
	z-index:35;
	padding-top:0;
	height:auto;

	text-align:center;
	line-height:15px;
	
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	
	overflow:hidden;
}
.rsMinW .rsBullet {
	width:25px;
	height:15px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	
}
.rsMinW .rsBullet span {
	display:block;
	width:15px;
	height:15px;
	padding:0;
	border-radius:50%;
	background:rgba(255,255,255,1);
	box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.rsMinW .rsBullet.rsNavSelected span {
	background:rgb(140,0,0);
}





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

.rsMinW .rsThumbsHor {
	width:100%;
	height:72px;
}
.rsMinW .rsThumbsVer {
	width:96px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
}
.rsMinW.rsWithThumbsHor .rsThumbsContainer {
	position:relative;
	height:100%;
}
.rsMinW.rsWithThumbsVer .rsThumbsContainer {
	position:relative;
	width:100%;
}
.rsMinW .rsThumb {
	float:left;
	overflow:hidden;
	width:96px;
	height:72px;
}
.rsMinW .rsThumb img {
	width:100%;
	height:100%;
}
.rsMinW .rsThumb.rsNavSelected {
	background:#333;
}
.rsMinW .rsThumb.rsNavSelected img {
	filter:alpha(opacity=40);
	opacity:0.7;
}
.rsMinW .rsThumb.rsNavSelected span.thumbIco {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	border:2px solid #FFF;
	border:2px solid rgba(255,255,255,0.9);
	-webkit-backface-visibility:hidden;
} 
.rsMinW .rsTmb {
	display:block;
}




/* Thumbnails arrow icons */
.rsMinW .rsThumbsArrow {
	height:100%;
	width:20px;
	position:absolute;
	display:block;
	cursor:pointer;	
	z-index:21;	
}
.rsMinW.rsWithThumbsVer .rsThumbsArrow {
	width:100%;
	height:20px;
}
.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft { top:0; left:0; }
.rsMinW.rsWithThumbsVer .rsThumbsArrowRight { bottom:0;  left:0; }

.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft { left:0; top:0; }
.rsMinW.rsWithThumbsHor .rsThumbsArrowRight { right:0; top:0; }

.rsMinW .rsThumbsArrowIcn {		
	width:16px;
	height:16px;
	top:50%;
	left:50%;
	margin-top:-8px;	
	margin-left:-8px;
	position:absolute;	
	cursor:pointer;	
	background:url(../graphics/rs-minimal-white.png);
}

.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position:-128px -32px; }
.rsMinW.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position:-128px -48px; }

.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position:-144px -32px; }
.rsMinW.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position:-144px -48px; }

.rsMinW .rsThumbsArrowDisabled { display:none !important; }

/* Thumbnails resizing on smaller screens */
@media screen and (min-width:0px) and (max-width:800px) {
	.rsMinW .rsThumb {
		width:59px;
		height:44px;
	}
	.rsMinW .rsThumbsHor {
		height:44px;
	}
	.rsMinW .rsThumbsVer {
		width:59px;
	}
}




/***************
*
*  4. Tabs
*
****************/

.rsMinW .rsTabs {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	overflow:hidden; padding-top:12px; position:relative;
}
.rsMinW .rsTab {
	display:inline-block;
	cursor:pointer;
	text-align:center;
	height:auto;
	width:auto;
	color:#333;
	padding:5px 13px 6px;
	min-width:72px;
	border:1px solid #D9D9DD;
	border-right:1px solid #f5f5f5;
	text-decoration:none;

	background-color:#000;
	background-image:-webkit-linear-gradient(top, #fefefe, #f4f4f4); 
	background-image:-moz-linear-gradient(top, #fefefe, #f4f4f4);
	background-image:linear-gradient(to bottom, #fefefe, #f4f4f4);

	*display:inline; 
	*zoom:1;
}
.rsMinW .rsTab:first-child {
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
}
.rsMinW .rsTab:last-child { 
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;

	border-right:1px solid #cfcfcf;
}
.rsMinW .rsTab:active { 
	border:1px solid #D9D9DD;   
	background-color:#f4f4f4;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
.rsMinW .rsTab.rsNavSelected { 
	color:#000;
	border:1px solid #999;
	text-shadow:1px 1px #838383;
	box-shadow:0 1px 9px rgba(102, 102, 102, 0.65) inset;
	background:#ACACAC;
	background-image:-webkit-linear-gradient(top, #ACACAC, #BBB);
	background-image:-moz-llinear-gradient(top, #ACACAC, #BBB);
	background-image:linear-gradient(to bottom, #ACACAC, #BBB);
}





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

.rsMinW .rsFullscreenBtn {
	right:0;
	top:0;
	width:44px;
	height:44px;
	z-index:22;
	display:block;
	position:absolute;
	cursor:pointer;
	
}
.rsMinW .rsFullscreenIcn {
	display:block;
	margin:6px;
	width:32px;
	height:32px;

	background:url(../graphics/rs-minimal-white.png) 0 0 transparent;
}
.rsMinW .rsFullscreenIcn:hover {
	opacity:0.8;
}
.rsMinW.rsFullscreen .rsFullscreenIcn {
	background-position:-32px 0;
}





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

.rsMinW .rsPlayBtn {
	-webkit-tap-highlight-color:rgba(0,0,0,0.3);
	width:64px;
	height:64px;
	margin-left:-32px;
	margin-top:-32px;
	cursor:pointer;
}
.rsMinW .rsPlayBtnIcon {
	width:64px;
	display:block;
	height:64px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	-webkit-transition:.3s;
	-moz-transition:.3s;
	transition:.3s;

	background:url(../graphics/rs-minimal-white.png) no-repeat 0 -32px;
	background-color:#000;
	background-color:rgba(0,0,0,0.75);
	*background-color:#000;
}
.rsMinW .rsPlayBtn:hover .rsPlayBtnIcon {
	background-color:rgba(0,0,0,0.9);
}
.rsMinW .rsBtnCenterer {
	position:absolute;
	left:50%;
	top:50%;
	width:20px;
	height:20px;
}
.rsMinW .rsCloseVideoBtn {
	right:0;
	top:0;
	width:44px;
	height:44px;
	z-index:500;
	position:absolute;
	cursor:pointer;
	-webkit-backface-visibility:hidden;
	-webkit-transform:translateZ(0);
	
}
.rsMinW .rsCloseVideoBtn.rsiOSBtn {
	top:-38px;
	right:-6px;
}

.rsMinW .rsCloseVideoIcn {
	margin:6px;
	width:32px;
	height:32px;
	background:url(../graphics/rs-minimal-white.png) -64px 0;
	background-color:#000;
	background-color:rgba(0,0,0,0.75);
	*background-color:#000;
}
.rsMinW .rsCloseVideoIcn:hover {
	background-color:rgba(0,0,0,0.9);
}



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

.rsMinW .rsPreloader {
	top:50%;
	left:50%;
	width:4em;
	height:4em;
	margin:-2em 0 0 -2em;
	background-image:url(../graphics/spinner.svg);
	background-position:center center;
	background-repeat:no-repeat;

	-webkit-animation:spinner 800ms linear infinite;
	animation:spinner 800ms linear infinite;
}

@-webkit-keyframes spinner {
	from {-webkit-transform:rotate(0deg);}
	to	 {-webkit-transform:rotate(359deg);}
}
@keyframes spinner {
	from {transform:rotate(0deg);}
	to	 {transform:rotate(359deg);}
}




/***************
*
*  8. Global caption
*
****************/
.rsMinW .rsGCaption {
	position:absolute;
	float:none;
	bottom:6px;
	left:6px;
	text-align:left;

	background:#000;
    background:rgba(0,0,0, 0.75);

	color:#FFF;
	padding:2px 8px;
	width:auto;
	font-size:12px;
	border-radius:2px;
}



/* ----------- MEDIA QUERIES ----------- */

@media screen and (min-width: 320px) and (max-width: 1024px) {
	
#slider {
  margin:0 auto;
  width:100%;
  min-width:100%;
  max-width:100%;
  height:450px;
}

.blockHeadline {
  padding:15px;
  
  -webkit-hyphens:auto;
  -moz-hyphens:auto;
  -ms-hyphens:auto;
  hyphens:auto;
}
.blockSubHeadline {
  font-size:1.0em;
  line-height:1.2em;
  padding:0 20px;
  
  -webkit-hyphens:auto;
  -moz-hyphens:auto;
  -ms-hyphens:auto;
  hyphens:auto;
}

/*
.slide4 .bContainer {
  top:20%;
}
*/

}