/* v1.0.5 */



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



.royalSlider {



  width: 600px;



  height: 400px;



  position: relative;



  direction: ltr;



}







.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 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);



}







.rsABlock {



  left: 0;



  top: 0;



  position: absolute;



  z-index: 15;



}







img.rsImg {



  max-width: none;



}







.grab-cursor {



  cursor: url(../images/royalslider/grab.png) 8 8, move;



}







.grabbing-cursor {



  cursor: url(../images/royalslider/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(../images/royalslider/blank.gif);



}







.royalSlider .rsPreloader {



  width: 20px;



  height: 20px;



  background-image: url(../images/royalslider/preloader-white.gif);



  left: 50%;



  top: 50%;



  margin-left: -10px;



  margin-top: -10px;



}







/******************************



*



*  RoyalSlider Default Skin 



*



*    1. Arrows 



*    2. Bullets



*    3. Thumbnails



*    4. Fullscreen button



*    



*  Sprite: '../images/royalslider/rs-default.png'



*  Feel free to edit anything



*  If you don't some part - just delete it



* 



******************************/



/* Background */



.rsDefault,



.rsDefault .rsOverflow,



.rsDefault .rsSlide,



.rsDefault .rsVideoFrameHolder,



.rsDefault .rsThumbs {



  background: #151515;



  color: #FFF;



}







/***************



*



*  1. Arrows



*



****************/



.rsDefault .rsArrow {



  height: 100%;



  width: 44px;



  position: absolute;



  display: block;



  cursor: pointer;



  z-index: 21;



}







.rsDefault.rsVer .rsArrow {



  width: 100%;



  height: 44px;



}







.rsDefault.rsVer .rsArrowLeft {



  top: 0;



  left: 0;



}







.rsDefault.rsVer .rsArrowRight {



  bottom: 0;



  left: 0;



}







.rsDefault.rsHor .rsArrowLeft {



  left: 0;



  top: 0;



}







.rsDefault.rsHor .rsArrowRight {



  right: 0;



  top: 0;



}







.rsDefault .rsArrowIcn {



  width: 32px;



  height: 32px;



  top: 50%;



  left: 50%;



  margin-top: -16px;



  margin-left: -16px;



  position: absolute;



  cursor: pointer;



  background: url("../images/royalslider/rs-default.png");



  background-color: #000;



  background-color: rgba(0, 0, 0, 0.75);



  *background-color: #000;



  border-radius: 2px;



}







.rsDefault .rsArrowIcn:hover {



  background-color: rgba(0, 0, 0, 0.9);



}







.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: #000;



  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 {



  width: 100%;



  height: 72px;



}







.rsDefault .rsThumbsVer {



  width: 82px;



  height: 100%;



  position: absolute;



  top: 0;



  right: 0;



}







.rsDefault.rsWithThumbsHor .rsThumbsContainer {



  position: relative;



  height: 100%;



}







.rsDefault.rsWithThumbsVer .rsThumbsContainer {



  position: relative;



  width: 100%;



}







.rsDefault .rsThumb {



  float: left;



  overflow: hidden;



  width: 82px;



  height: 72px;



}







.rsDefault .rsThumb img {



  width: 100%;



  height: 100%;



}







.rsDefault .rsThumb.rsNavSelected {



  background: #000;



}







.rsDefault .rsThumb.rsNavSelected img {



  opacity: 0.3;



  filter: alpha(opacity=30);



}







.rsDefault .rsTmb {



  display: block;



}







/* Thumbnails with text */



.rsDefault .rsTmb h5 {



  font-size: 16px;



  margin: 0;



  padding: 0;



  line-height: 20px;



  color: #FFF;



}







.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;



  background: #000;



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



}







.rsDefault .rsThumbsArrow:hover {



  background: rgba(0, 0, 0, 0.9);



}







.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("../images/royalslider/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. Fullscreen button



*



****************/



.rsDefault .rsFullscreenBtn {



  right: 0;



  top: 0;



  width: 44px;



  height: 44px;



  z-index: 22;



  display: block;



  position: absolute;



  cursor: pointer;



}







.rsDefault .rsFullscreenIcn {



  display: block;



  margin: 6px;



  width: 32px;



  height: 32px;



  background: url("../images/royalslider/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;



}







/******************************



*



*  RoyalSlider White Controls Skin



*



*    1. Arrows 



*    2. Bullets



*    3. Fullscreen button



*    



*  Sprite: '../images/royalslider/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: #000;



  color: #FFF;



}







/***************



*



*  1. Arrows



*



****************/



.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/royalslider/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;



}







/***************



*



*  2. Bullets



*



****************/



.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;



}







/***************



*



*  3. 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("../images/royalslider/rs-minimal-white.png") 0 0 transparent;



}







.rsMinW .rsFullscreenIcn:hover {



  opacity: 0.8;



}







.rsMinW.rsFullscreen .rsFullscreenIcn {



  background-position: -32px 0;



}







/*



  RoyalSlider Custom Styles



*/



.royalSlider * {



  -moz-box-sizing: content-box;



  -webkit-box-sizing: content-box;



  box-sizing: content-box;



}







.postSlider {



  width: 100%;



  margin-bottom: 24px;



}







.photoCaption {



  position: absolute;



  line-height: 24px;



  font-size: 12px;



  background: black;



  color: white;



  background-color: rgba(0, 0, 0, 0.75);



  padding: 0px 10px;



  position: absolute;



  left: 12px;



  bottom: 12px;



  top: auto;



  border-radius: 2px;



  z-index: 25;



}







.photoCaption a {



  color: #FFF;



}







.rsFill .rsThumbsHor {



  padding-top: 1px;



}







.rsFill .rsThumbsVer {



  padding-left: 1px;



}







.visibleNearby {



  width: 100%;



  color: #fff;



  padding: 15px 0;



}







.visibleNearby .rsGCaption {



  position: static;



  width: 100%;



  float: left;



  left: auto;



  bottom: auto;



  text-align: center;



  background: #151515;



  margin-bottom: 24px;



}







.visibleNearby .rsGCaption .rsGCaptionText {



  font-size: 16px;



  line-height: 16px;



  padding: 15px;



  display: block;



}







.visibleNearby .rsGCaption .rsGCaptionText span {



  display: block;



  clear: both;



  color: #bbb;



  font-size: 14px;



  line-height: 22px;



}







/* Scaling transforms */



.visibleNearby .rsSlide img {



  opacity: 0.5;



  -webkit-transition: all 0.3s ease-out;



  -moz-transition: all 0.3s ease-out;



  transition: all 0.3s ease-out;



  -webkit-transform: scale(0.9);



  -moz-transform: scale(0.9);



  -ms-transform: scale(0.9);



  -o-transform: scale(0.9);



  transform: scale(0.9);



}







.visibleNearby .rsActiveSlide img {



  opacity: 1;



  -webkit-transform: scale(1);



  -moz-transform: scale(1);



  -ms-transform: scale(1);



  -o-transform: scale(1);



  transform: scale(1);



}







#page-header .postSlider,



#page-header .rsGCaption {



  margin-bottom: 0;



}