/* v1.0.3 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
	width: 680px;
	height: 630px;
	position: relative;
	direction: ltr;
}
.royalSlider > * {
	float: left;
}


.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0); 
}
.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: 460px;
	height: 630px;
	-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;
    display: none;
}

/* 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: 459px;
	height: 629px;
    border-bottom: 1px dotted #e8e8e8;
    border-right: 1px dotted #e8e8e8;
	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 {
	/*left: 0;
	top: 0;
	position: absolute;*/
	/*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/
	width: auto;
	height: auto;
	line-height: 0;
	position: relative;
}
.rsVideoFrameHolder {
	position: absolute;
	left: 0;
	top: 0;
	background: #141414;
	opacity: 0;
	-webkit-transition: .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;
}

.rsABlock {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 15;
	-webkit-backface-visibility: hidden;
}

.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;
	background: url(blank.gif);
	-webkit-backface-visibility: hidden;
}






#full-width-slider {
  width: 703px;
  color: #000;
  border-right: 1px solid #ced6e1;
  border-left: 1px solid #ced6e1;
  border-bottom: 1px solid #ced6e1;
}
.coloredBlock {
  padding: 12px;
  background: rgba(255,0,0,0.6);
  color: #FFF;
   width: 200px;
   left: 20%;
   top: 5%;
}
.infoBlock {
  position: absolute;
  top: 60px;
  right: 30px;
  left: auto;
  width: 260px;
  padding-bottom: 0;
  overflow: hidden;
}
.infoBlockLeftBlack {
  color: #FFF;
  background: #000;
  background: rgba(0,0,0,0.75);
  left: 30px;
  right: auto;
}
.infoBlock h2 {
  font-size: 16px;
  color: #015794;
  text-transform: uppercase;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 6px;
}
.infoBlock p {
  font-size: 12px;
  color: #015794;
}
.infoBlock span {
  display: block;
  color: #FFF;
  text-decoration: underline;
  background-image: url(../images/slider-bullet.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-position: 0px 3px;
  padding-left: 13px;
  margin-top: 10px;
  text-decoration: none;
}
.infoBlock span:hover {
  text-decoration: underline !important;
}
.photosBy {
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  background: #FFF;
  color: #000;
  padding: 0px 10px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  top: auto;
  border-radius: 2px;
  z-index: 25; 
} 
.photosBy a {
  color: #000;
}
.fullWidth {
  max-width: 1400px;
  margin: 0 auto 24px;
}

@media screen and (min-width:960px) and (min-height:660px) {
  .heroSlider .rsOverflow,
  .royalSlider.heroSlider {
      height: 200px !important;
  }
}

@media screen and (min-width:960px) and (min-height:1000px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        /*height: 660px !important;*/
    }
}
@media screen and (min-width: 0px) and (max-width: 800px) {
  .royalSlider.heroSlider,
  .royalSlider.heroSlider .rsOverflow {
    /*height: 300px !important;*/
  }
  .infoBlock {
    padding: 10px;
    height: auto;
    max-height: 100%;
    min-width: 40%;
    left: 5px;
    top: 5px;
    right: auto;
    font-size: 12px;
  }
  .infoBlock h3 {
     font-size: 14px;
     line-height: 17px;
  }
}
.rsArrowLeft
{
    width: 1px !important;
}
.rsArrowLeft div
{
    display: none;
}
.rsBullets
{
    right: 45px !important;
}
.rsMinW .rsArrowIcn {
    width: 5px !important;
    height: 8px !important;
    margin-top: 11px !important;
    margin-left: 3px !important;
    background: url(../images/bullet-slider-next.png) !important;
    background-repeat: no-repeat !important;
}









video-gallery {
  width: 680px !important;
  height: 630px !important;
}

.videoGallery .rsTmb {
    color: black;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial;
    text-decoration: none;
    background-image: url(../images/najnovi-bullet.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 15px;
    display: inline-block;
    position: relative;
    float: left;
    margin-top: 25px;
    margin-left: 10px;
}
.videoGallery .rsThumbs .rsThumb {
  width: 220px;
  height: 104px;
  border-bottom: 1px dotted #e8e8e8;
}
.videoGallery .rsThumbs {
  width: 220px;
  padding: 0;
}
.videoGallery .rsThumb:hover {
  
}
.videoGallery .rsThumb.rsNavSelected {
 
  border-bottom:-color #02874A;
}

.sampleBlock {
  left: 3%; 
  top: 1%; 
  width: 100%;
  max-width: 400px;
}


@media screen and (min-width: 0px) and (max-width: 500px) {
  .videoGallery .rsTmb {
    padding: 6px 8px;
  }
  .videoGallery .rsTmb h5 {
    font-size: 12px;
    line-height: 17px;
  }
  .videoGallery .rsThumbs.rsThumbsVer {
    width: 100px;
    padding: 0;
  }
  .videoGallery .rsThumbs .rsThumb {
    width: 100px;
    height: 47px;
  }
  .videoGallery .rsTmb span {
    display: none;
  }
  .videoGallery .rsOverflow,
  .royalSlider.videoGallery {
    height: 300px !important;
  }
  .sampleBlock {
    font-size: 14px;
  }
}



/*KOLUMNI SLAJDER BEGIN*/

#kolumni-slajder {
  display: block;
  position: absolute;
  width: 440px !important;
  height: 121px !important;
  background: none !important;
  top: -76px;
}
#kolumni-slajder .rsOverflow
{
  background: none !important;
  position: relative;
  padding-left: 0px;
}
#kolumni-slajder .rsSlide
{
  background: none !important;
  position: relative;
}

#kolumni-slajder .rsContent {
  color: #FFF;
  font-size: 24px;
  line-height: 32px;
  float: left;
  border: none !important;
  width: 440px !important;
  height: 121px !important;
}
#kolumni-slajder .rsContainer {
  position: relative;
  width: 440px !important;
  margin-left: 0px;
  height: 121px !important;
  margin-top: 40px;
}

#kolumni-slajder .bContainer {
  position: relative;
  color: black;
}
#kolumni-slajder .rsArrowLeft
{
    position: absolute;
    width: 21px !important;
    height: 21px !important;
    top: 0px;
    right: 36px;
    background-image: url(../images/arrow-left.png);
    background-repeat: no-repeat;
}
#kolumni-slajder .rsArrowRight
{
    position: absolute;
    width: 21px !important;
    height: 21px !important;
    right: 8px;
    top: 0px;
    background-image: url(../images/arrow-right.png);
    background-repeat: no-repeat;
}
#kolumni-slajder .rsContainer table
{
    display: block;
    float: left;
    width: 50% !important;
}

/*KOLUMNI SLAJDER END*/

/*NAJCITANI SLAJDER BEGIN*/

.najcitani-slider {
  width: 300px;
  margin-bottom: 10px;
  height: 275px;
}
.najcitani-slider .rsOverflow {
  width: 298px !important;
  background-color: #f0f0f0 !important;
  border: 1px solid #e8e8e8 !important;
  border-top: none !important;
}
.najcitani-slider .rsContainer {
    width: 298px;
    height: 248px;
}

.najcitani-slider h3 {
  font-size: 24px;
  line-height: 31px;
  margin: 12px 0 8px;
  font-weight: bold;
}

.content-slider-bg {
  width: 86%;
  padding: 24px 7%;
  background: #eee;
}



.najcitani-slider .rsTabs {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

/*celiot tab*/
.rsTabs {
    float: left;
    background: none !important;
    border: 1px solid #e8e8e8;
    background-color: #ffffff;
}

/*poedinecen tab*/
.najcitani-slider .rsTab {
    /*width: 99px;*/
    height: 45px;
    line-height: 45px;
    display: inline-block;
    cursor: pointer;
    cursor: pointer;
    text-align: center;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #7b7b7b;
    TEXT-TRANSFORM: uppercase;
    TEXT-DECORATION: none;
}

/*poedinecen aktiven tab*/
.najcitani-slider .rsTab.rsNavSelected {
    color: #f34747;
    background-color: #f0f0f0;
}

/*spanot vnatre*/
.najcitani-slider .rsTmb {
    display: block;
}

.najcitani-tab1
{
    width: 126px !important;
}
.najcitani-tab2
{
    width: 87px !important;
}

/*NAJCITANI SLAJDER END*/