/* v1.0.6 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
position: relative;
width: auto;
max-width: 800px;
margin: auto;
direction: ltr;
margin-bottom: 60px;
}
.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;
max-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;
margin-top: 0px;
}
.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: #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;
}
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;
background: url(blank.gif);
}
