/******************************
*
*  RoyalSlider Default Skin 
*
* 1. Arrows 
* 2. Bullets
* 3. Thumbnails
* 4. Tabs
* 5. Fullscreen button
* 6. Play/close video button
* 7. Preloader
* 
*  Sprite:'rs-default.png'
* 
******************************/


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


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

.rsDefault .rsArrow {position:absolute;top:50%;margin-top:-65px;outline:0;width:65px;height:65px;text-indent:-9999px;z-index:99}
.rsDefault.rsVer .rsArrowLeft {top:0;left:0}
.rsDefault.rsVer .rsArrowRight {bottom:0;left:0}

.rsDefault.rsHor .rsArrowLeft {left:0;background:url(../images/sprite.png) no-repeat 0 -100px}
.rsDefault.rsHor .rsArrowLeft:hover{background:url(../images/sprite.png) no-repeat -100px -100px}
.rsDefault.rsHor .rsArrowRight {right:0;background:url(../images/sprite.png) no-repeat -200px -100px}
.rsDefault.rsHor .rsArrowRight:hover{background:url(../images/sprite.png) no-repeat -300px -100px}

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {background-position:-64px -32px}
.rsDefault.rsHor .rsArrowRight .rsArrowIcn {background-position:-64px -64px}

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn {background-position:-96px -32px}
.rsDefault.rsVer .rsArrowRight .rsArrowIcn {background-position:-96px -64px}

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


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

.rsDefault .rsBullets {position:absolute;z-index:35;left:0;bottom:0;width:100%;height:auto;margin:0 auto;background:rgba(0,0,0,0.75);text-align:center;line-height:8px;overflow:hidden}
.rsDefault .rsBullet {width:8px;height:8px;display:inline-block;*display:inline;*zoom:1;padding:6px 5px 6px}
.rsDefault .rsBullet span {display:block;width:8px;height:8px;border-radius:50%;background:#777;background:rgba(255,255,255,0.5)}
.rsDefault .rsBullet.rsNavSelected span {background-color:#fff}

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

.rsDefault .rsThumbsHor { display:none;}
.rsDefault .rsThumbsVer {width:96px;height:100%;position:absolute;top:0;right:0}
.rsDefault.rsWithThumbsHor .rsThumbsContainer {width:4000px !important;position:relative;height:100%}
.rsDefault.rsWithThumbsVer .rsThumbsContainer {position:relative;width:100%}
.rsDefault .rsThumb {float:left;overflow:hidden;width:100px;height:64px;padding:3px;border:1px solid #dedede;margin:0 6px 0 0 !important}
.rsDefault .rsThumb img {width:100%;height:100%}
.rsDefault .rsThumb.rsNavSelected {background:#2d3e4f}
.rsDefault .rsThumb:hover {background:#2d3e4f}
.rsDefault .rsTmb {display:block}

/* Thumbnails with text */

.rsDefault .rsTmb h5 {font-size:16px;margin:0;padding:0;line-height:20px;color:#fff; display:}
.rsDefault .rsTmb span {color:#DDD;margin:0;padding:0;font-size:13px;line-height:18px}

/* Thumbnails arrow icons */

.rsDefault .rsThumbsArrow {height:100%;width:20px;position:absolute;display:block;cursor:pointer;z-index:21}
.rsDefault.rsWithThumbsVer .rsThumbsArrow {width:100%;height:20px}
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft {top:0;left:0}
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight {bottom:0;left:0}
.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft {left:0;top:0}
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight {right:0;top:0}
.rsDefault .rsThumbsArrowIcn {width:16px;height:16px;top:50%;left:50%;margin-top:-8px;margin-left:-8px;position:absolute;cursor:pointer;background:url('rs-default.png')}
.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {background-position:-128px -32px}
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {background-position:-128px -48px}
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {background-position:-144px -32px}
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {background-position:-144px -48px}
.rsDefault .rsThumbsArrowDisabled {display:none !important}

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

.rsDefault .rsTabs {width:100%;height:auto;margin:0 auto;text-align:center;overflow:hidden;padding-top:12px;position:relative}
.rsDefault .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:#fff;background-image:-webkit-linear-gradient(top,#fefefe,#f4f4f4);background-image:-moz-linear-gradient(top,#fefefe,#f4f4f4);background-image:linear-gradient(to bottom,#fefefe,#f4f4f4);-webkit-box-shadow:inset 1px 0 0 #fff;box-shadow:inset 1px 0 0 #fff;*display:inline;*zoom:1}
.rsDefault .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}
.rsDefault .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}
.rsDefault .rsTab:active {border:1px solid #D9D9DD;background-color:#f4f4f4;box-shadow: 0 1px 4px rgba(0,0,0,0.2) inset}
.rsDefault .rsTab.rsNavSelected {color:#fff;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
*
****************/

.rsDefault .rsFullscreenBtn {right:0;top:0;width:44px;height:44px;z-index:22;display:none;position:absolute;cursor:pointer}
.rsDefault .rsFullscreenIcn {display:block;margin:6px;width:32px;height:32px;background:url('rs-default.png') 0 0;background-color:#000;background-color:rgba(0,0,0,0.75);*background-color:#000;border-radius:2px}
.rsDefault .rsFullscreenIcn:hover {background-color:rgba(0,0,0,0.9)}
.rsDefault.rsFullscreen .rsFullscreenIcn {background-position:-32px 0}

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

.rsDefault .rsPlayBtn {-webkit-tap-highlight-color:rgba(0,0,0,0.3);width:64px;height:64px;margin-left:-32px;margin-top:-32px;cursor:pointer}
.rsDefault .rsPlayBtnIcon {width:64px;display:block;height:64px;-webkit-border-radius:4px;border-radius:4px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;background:url(rs-default.png) no-repeat 0 -32px;background-color:#000;background-color:rgba(0,0,0,0.75);*background-color:#000}
.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {background-color:rgba(0,0,0,0.9)}
.rsDefault .rsBtnCenterer {position:absolute;left:50%;top:50%}
.rsDefault .rsCloseVideoBtn {right:0;top:0;width:44px;height:44px;z-index:500;position:absolute;cursor:pointer;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}
.rsDefault .rsCloseVideoBtn.rsiOSBtn {top:-38px;right:-6px}
.rsDefault .rsCloseVideoIcn {margin:6px;width:32px;height:32px;background:url('rs-default.png') -64px 0;background-color:#000;background-color:rgba(0,0,0,0.75);*background-color:#000}
.rsDefault .rsCloseVideoIcn:hover {background-color:rgba(0,0,0,0.9)}

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

.rsDefault .rsPreloader {width:20px;height:20px;background-image:url(../preloaders/preloader-white.gif);left:50%;top:50%;margin-left:-10px;margin-top:-10px}