.royalSlider {
  width: 100%;
  height: 257px;
  position: relative;
}

/* .royalSlider, .royalSlider .rsContainer, .royalSlider .rsSlide{
  background: black;
} */

.royalSlider .rsContent{
  text-align: center;
  background: none;
  margin: 0;
  padding: 0;
  height: 250px;
  border-bottom: 7px solid #F28F00;
}
    .royalSlider .rsContent.odysseo{
      border-color: #389197;
    }
    .royalSlider .rsContent.migrance, .royalSlider .rsContent.actualites-migrance{
      border-color: #804698;
    }
    .royalSlider .rsContent.meltingpost{
      border-color: #D32E11;
    }

.royalSlider .rsSlide{
  height: 100%;
}
.royalSlider img{
  padding-right: 500px;
  height: 250px;
}
.rsABlock{
  width: 1000px;
  height: 100%; 
  /* margin: 0 auto; */
  position: absolute;
  margin-left: 50%;
  left: -490px;
  z-index: 99999;
}
    .rsABlock .postPreviewText.blockInner{
      position: absolute;
      right: 70px; top: 0;
      width: 390px;
      height: 210px;
      padding: 20px;
    }
        /* .rsABlock .categories{
          list-style: none;
          margin: 0; padding: 0;
          font-size: 12px;
          position: absolute;
          left: 49px; bottom: 0;
        }
            .rsABlock .categories li{
              margin: 0; padding: 0;
              display: inline;
            } */
        
.rsPreloader{ background: transparent url('images/loader.gif') center center no-repeat; width: 100%; height: 100%;}

.rsNav{
  position: absolute;
  margin-right: 50%;
  width: 980px;
  height: 11px;
  text-align: right;
  right: -120px;  
  top: 360px;
}
    .rsNav .rsNavItem.rsBullet{
      display: inline;
    }
        .rsNav .rsNavItem.rsBullet span{
          display: inline-block;
          width: 10px;
          height: 10px;
          cursor: pointer;
          margin: 0 5px;
          background: #8C8F91;
          border-radius: 5px;
        }
            .rsNav .rsNavItem.rsBullet.rsNavSelected span, .rsNav .rsNavItem.rsBullet span:hover{
              background: white;
            }
            
.rsDefault .rsArrow {
  height: 100%;
  width: 42px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
}
    .rsDefault.rsHor .rsArrowLeft {
      margin-left: 50%;
      left: -490px;
      top: 0;
    }
    .rsDefault.rsHor .rsArrowRight {
      margin-right: 50%;
      right: -490px;
      top: 0;
    }

.rsDefault .rsArrowIcn {    
  width: 42px;
  height: 42px;
  top: 50%;
  margin-top:-21px;
  position: absolute;  
  cursor: pointer;  
  background: transparent url('images/sprite.png') no-repeat;
  opacity: .9
  transition: opacity 0.3s ease 0s;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
}
    .rsDefault .rsArrow:hover .rsArrowIcn{
      opacity: 1.0
    }
        .rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
          background-position: 2px -58px;
          left: 5px;
        }
        .rsDefault.rsHor .rsArrowRight .rsArrowIcn {
          background-position: 2px -103px;
          right: 5px;
        }
    .rsDefault .rsArrowDisabled .rsArrowIcn { opacity: .4!important; filter: alpha(opacity=20);  *display: none; }