/* ------------- Background color change from the skin styles -------------------------------------------- */


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



/* --------------- Below this line the styles are more less for a regular homepage slider ---------------- */

.sliderContainer { font-family: "PT Sans Narrow"; } /* 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; }

/* MC sliding titles */


.rsSlideTitleLeft { left: 3vw; font-size: 2vw; padding: 0.3vw 1vw 0.4vw 1vw; background: black; background: rgba(0,0,0,0.5);
	color: #FFF; font-weight: bold; margin: 0; line-height: 1; border-radius: 2px; }

.rsSlideTitleRight { right: 3vw; left:auto; text-align:right; font-size: 2vw; padding: 0.3vw 1vw 0.4vw 1vw; background: black; background: rgba(0,0,0,0.5);
	color: #FFF; font-weight: bold; margin: 0; line-height: 1; border-radius: 2px; }

.rsSlideOverlay { width: 44vw; }
@media screen and (min-width: 0px) and (max-width: 1024px) {.rsSlideOverlay { width: 47vw; }}
@media screen and (min-width: 0px) and (max-width: 800px) {.rsSlideOverlay { width: 54vw; }}

.rsSlideOverlayLeft { left: 3vw; font-size: 1.75vw; padding: 1.25vw 1.5vw 1.25vw 1.875vw; background: black; background: rgba(0,0,0,0.5);
	color: #FFF; font-weight: bold; margin: 0; line-height: 1.375; border-radius: 2px; }
p.rsSlideOverlayLeft { opacity: 0.93 !important; }

.rsSlideOverlayRight { right: 3vw; left:auto; text-align:right; font-size: 1.75vw; padding: 1.25vw 1.875vw 1.5vw 1.25vw; background: black; background: rgba(0,0,0,0.5);
	color: #FFF; font-weight: bold; margin: 0; line-height: 1.375; border-radius: 2px; }
p.rsSlideOverlayRight { opacity: 0.93 !important; }

.rsSlideOverlay { top: 12vw; }

.rsFirstSlideTitle { top: 11.5vw; }
.rsSecondSlideTitle { top: 14vw; }
.rsThirdSlideTitle { top: 17vw; }

.rsTitleBgGWRed { background: #444444; background: rgba(255,24,20,0.8); }
.rsTitleBgBlue { background: #7CC5F9; background: rgba(18, 35, 87,0.75); }
.rsTitleBgGWOrangeYellow { background: #D89743; background: rgba(255, 214, 64, 0.75); color: #013665 !important; }

.rsTitleBgBlack { background: black; background: rgba(0,0,0,0.5); }
.rsTitleBgWhite { background: white; background: rgba(255,255,255,0.6); color: #000 !important; }

.rsMinW .rsArrowRight { bottom: 1vw; top:auto; left: 4.75vw;}
.rsMinW .rsArrowLeft { bottom: 1vw; top:auto; left: 3vw; }
.rsMinW .rsBullets { bottom: 1vw; top:auto; }

/*          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; }

.rsSlideTitleRight, .rsSlideTitleLeft { font-size: 2.25vw; }

.rsSlideOverlay { top: 12.5vw; }

.rsFirstSlideTitle { top: 11.5vw; }
.rsSecondSlideTitle { top: 14.25vw; }
.rsThirdSlideTitle { top: 17.5vw; }
}

@media screen and (min-width: 0px) and (max-width: 1200px) {

.rsSlideTitleRight, .rsSlideTitleLeft { font-size: 2.375vw; }

.rsSlideOverlay { top: 13vw; }

.rsFirstSlideTitle { top: 11.5vw; }
.rsSecondSlideTitle { top: 14.375vw; }
.rsThirdSlideTitle { top: 17.75vw; }
}

@media screen and (min-width: 0px) and (max-width: 1024px) {

.rsSlideTitleRight, .rsSlideTitleLeft { font-size: 2.5vw; }

.rsSlideOverlay { top: 14vw; font-size: 2.25vw; }

.rsFirstSlideTitle { top: 14vw; }
.rsSecondSlideTitle { top: 17.5vw; }
.rsThirdSlideTitle { top: 21vw; }

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

.rsSlideTitleRight, .rsSlideTitleLeft { font-size: 3.25vw; }

.rsSlideOverlay { top: 3vw; font-size: 2.75vw; }

.rsFirstSlideTitle { top: 15vw; }
.rsSecondSlideTitle { top: 19.25vw; }
.rsThirdSlideTitle { top: 23.5vw; }

.rsMinW .rsArrowLeft,
.rsMinW .rsArrowRight,
.rsMinW .rsBullets { display: none !important; }
}

@media screen and (min-width: 0px) and (max-width: 640px) {

}