.sliderContainer {  } /* add padding for space under slider */
/* rc full width add in css */
#full-width-slider { width: 100%; color: #000; }
.fullWidth { max-width: auto; margin: 0 0; }
/* MC really full width add in css */
.royalSlider { height: auto; width: auto; }
.royalSlider img { width: 100%; height: auto; }
/* info boxes */
.royalSlider { font-size: 1em; }
.infoBlock { position: absolute; top: 5.5vw; /* top: 12.5vw; */ right: 3vw; left: auto; max-width: 33%; padding-bottom: 0;
  background: #FFF; color:#000; background: rgba(255, 255, 255, 0.6);
  overflow: hidden;
  padding: 2vw;
  word-spacing: -1px; }
.coloredBlock { font-weight: 400; display:inline; left: 3vw; right:auto; top: 2.5vw; background: rgba(0,0,0,0.8);  color: #fff !important;  }

.clearBlockRedP { left: 3vw; right:auto; top: 5.5vw;  /* top: 12.5vw; */ background: transparent; }
.clearBlockRedP p { float:left; background: red; padding: 0.5em 0.5em; margin:0.5em 0em; }
a.infoBlock { font-size:1.125em; color: #000; text-decoration: none; line-height: 1.1; }
a.infoBlock i {  }
a.infoBlock span { font-size:0.8em; border-bottom: 1px solid #000; }
.infoBlockLeftBlack { left: 3vw; right: auto; background: #000; background: rgba(0,0,0,0.6); color: #fff; }
.infoBlockLeftBlack a { color: #fff; }
.photosBy { position: absolute; left: 1vw; bottom: 1vw; top: auto;
  line-height: 2vw; background: #FFF; color: #000;
  padding: 0px 1vw; border-radius: 0.2vw;
  z-index: 25; }
.photosBy a { color: #000; }
.rsSlideTitle { font-size: 1.9vw; padding: 0.3vw 0.75vw 0.2vw 0.75vw; background: red; background: rgba(0,128,64,0.75); color: #FFF; font-weight: normal; margin: 0; line-height: 1 }
.rsFirstSlideTitle { left: 3vw; top: 7.5vw;  /* top: 12.5vw; */ }
.rsSecondSlideTitle { left: 3vw; top: 10.1vw;  /* top: 15.75w; */ }
.rsThirdSlideTitle { left: 3vw; top: 12.7vw; background: red; background: rgba(0,0,0,0.75);  /* top: 15.75w; */ }
.rsThirdSlideTitle a { color:white !important; font-size: 1.9vw; padding-right:0.25em; color: #FFF; font-weight: normal;   }
.rsMinW .rsArrowRight { top: 1vw; left: 4.75vw;}
.rsMinW .rsArrowLeft { top: 1vw; left: 3vw; }
.rsMinW .rsBullets { top: 1vw; }
/* ..... media queries ..... */
@media screen and (min-width: 0px) and (max-width: 1280px) {
	.rsMinW .rsArrowRight { top: 1vw; left: 5.5vw;}
.rsMinW .rsArrowLeft { top: 1vw; left: 3vw; }
.infoBlock { top: 13.5vw;  }
.rsSlideTitle { font-size: 2.25vw; }
.rsFirstSlideTitle { top: 13.5vw; }
.rsSecondSlideTitle { top: 17.125vw; }
.rsThirdSlideTitle { top: 20.7vw; }
}
@media screen and (min-width: 0px) and (max-width: 1200px) {
.infoBlock { top: 14vw;  }
.rsSlideTitle { font-size: 2.375vw; }
.rsFirstSlideTitle { top: 13.75vw; }
.rsSecondSlideTitle { top: 17.5vw; }
.rsThirdSlideTitle { top: 21.25vw; }
}
@media screen and (min-width: 0px) and (max-width: 1024px) {

.infoBlock { top: 14.5vw;  }
.rsSlideTitle { font-size: 2.5vw; }
.rsFirstSlideTitle { top: 14.5vw; }
.rsSecondSlideTitle { top: 18.5vw; }
.rsThirdSlideTitle { top: 22.5vw; }

.rsMinW .rsArrowLeft {  left:1em; bottom: 7px; top: auto; margin-right:0; }
.rsMinW .rsArrowRight {  left:3em; bottom: 7px; top: auto; margin-right:0; }
.rsMinW .rsBullets { left:42.5%; bottom: 15px; top: auto; margin-right:0; }
}
@media screen and (min-width: 0px) and (max-width: 800px) {
.infoBlock { top: 3vw;  }
.infoBlock {  max-width: 40%; word-spacing: -1px;}
a.infoBlock {font-size: 1em;}
.rsSlideTitle { font-size: 2.75vw; }
.rsFirstSlideTitle { top: 3vw; }
.rsSecondSlideTitle { top: 7.5vw; }
.rsThirdSlideTitle { top: 12vw; }
}

@media screen and (min-width: 0px) and (max-width: 640px) {
.rsMinW .rsBullets { left:35%; }
a.infoBlock {font-size: 0.9em;}
}