.royalSlider {
width: 100%;
color: #000;
position: relative;
direction: ltr;
overflow: hidden
}
.royalSlider>* {
float: left
}
.rsWebkit3d .rsSlide {
-webkit-transform: translateZ(0)
}
.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 .3s linear;
-moz-transition: opacity .3s linear;
-o-transition: opacity .3s linear;
transition: opacity .3s linear
}
.rsHidden {
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s linear .3s,opacity .3s linear;
-moz-transition: visibility 0s linear .3s,opacity .3s linear;
-o-transition: visibility 0s linear .3s,opacity .3s linear;
transition: visibility 0s linear .3s,opacity .3s linear
}
.rsGCaption {
width: 100%;
float: left;
text-align: center
}
.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)
}
.rsABlock {
left: 0;
top: 0;
position: absolute;
z-index: 15
}
img.rsImg {
max-width: none
}
.grab-cursor {
cursor: url(../images/grab.png) 8 8,move
}
.grabbing-cursor {
cursor: url(../images/grabbing.png) 8 8,move
}
.rsNoDrag {
cursor: auto
}
.rsLink {
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%;
display: block;
z-index: 20
}
.fullWidth {
max-width: 1160px;
margin-bottom: 20px
}
.infoBlock {
position: absolute;
top: 30px;
right: 30px;
left: auto;
max-width: 25%;
padding-bottom: 0;
background: #FFF;
background: rgba(255,255,255,0.8);
overflow: hidden;
padding: 20px
}
.infoBlockLeftBlack {
color: #FFF;
background: #000;
background: rgba(0,0,0,0.75);
left: 30px;
right: auto
}
.infoBlockMid {
background: 0;
top: 25%;
left: 30%;
max-width: 100%
}
.infoBlockMid_2 {
background: 0;
top: 65%;
left: 5%;
max-width: 100%
}
.infoBlockMid_3 {
background: 0;
top: 50%;
left: 5%;
max-width: 100%
}
.infoBlock h4 {
color: #FFF;
font-size: 16px;
line-height: 1.2;
margin: 0;
padding-bottom: 3px
}
.infoBlock h4 a {
text-decoration: none
}
.infoBlock h4 a: hover {
color: #de4c4c
}
.rsAbsoluteEl h4 {
color: #000
}
.infoBlock p {
font-size: 12px;
margin: 4px 0 0
}
.infoBlock a {
color: #FFF;
text-decoration: underline
}
.rsMinW,.rsMinW .rsOverflow {
background: #000;
color: #FFF
}
.rsMinW .rsArrow {
height: 32px;
width: 32px;
position: absolute;
display: block;
cursor: pointer;
z-index: 21
}
.rsMinW .rsArrowLeft {
right: 37px;
bottom: 7px
}
.rsMinW .rsArrowRight {
right: 7px;
bottom: 7px
}
.rsMinW .rsArrowIcn {
width: 24px;
height: 24px;
margin-top: 3px;
margin-left: 3px;
position: absolute;
cursor: pointer;
background: url('../images/rs-minimal-white.png') transparent;
border-radius: 2px
}
.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
}
.rsMinW .rsBullets {
position: absolute;
bottom: 15px;
right: 73px;
z-index: 35;
padding-top: 4px;
height: auto;
text-align: center;
line-height: 6px;
overflow: hidden
}
.rsMinW .rsBullet {
width: 6px;
height: 6px;
display: inline-block;
*display: inline;
*zoom: 1;
padding: 6px 5px 6px 4px
}
.rsMinW .rsBullet span {
display: block;
width: 6px;
height: 6px;
border-radius: 50%;
background: #CCC;
background: rgba(255,255,255,0.5);
box-shadow: 0 0 1px 1px rgba(0,0,0,0.1)
}
.rsMinW .rsBullet.rsNavSelected span {
background: #FFF
}
.rsMinW .rsPreloader {
width: 20px;
height: 20px;
background-image: url(../images/preloader-white.gif);
left: 50%;
top: 50%;
margin-left: -10px;
margin-top: -10px
}
@media(min-width: 1220px) {
#slider {
margin-top: 20px
}
}@media(min-width: 960px) and (max-width: 1219px) {
#slider {
margin-top: 15px
}
}@media(max-width: 959px) {
#slider {
padding: 0;
margin-top: 0
}
.infoBlockLeftBlack {
padding: 0;
top: auto;
bottom: 0;
left: 0;
width: 100%;
max-width: 100%
}
.infoBlockMid_2 {
top: 55%;
left: 5%
}
.infoBlockMid_3 {
top: 10%;
left: 5%
}
.infoBlock h4 {
font-size: 14px;
line-height: 30px;
text-indent: 10px;
padding: 0
}
.infoBlock p {
display: none
}
.rsMinW .rsBullets {
bottom: 5px;
right: 10px
}
}@media(max-width: 958px) and (min-width: 768px) {
#slider .infoBlockMid {
width: 300px;
height: 110px;
top: 50%;
left: 50%;
padding: 0;
margin: -55px 0 0 -150px
}
}@media(max-width: 767px) {
#slider .infoBlockMid {
width: 200px;
height: 80px;
top: 50%;
left: 50%;
padding: 0;
margin: -40px 0 0 -100px
}
}