.sliderContainer { font-family: "Oswald"; padding-bottom: 1.5em; } /* add padding for space under slider */
.sliderContainer img { }

/* rc full width add in css */
#full-width-slider { width: 100%; color: #000; }
.fullWidth { max-width: none; 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: 1.67vw; padding: 0.25vw 1vw 0.425vw 1vw; background: black; background: rgba(0,0,0,0.5);
    color: #FFF; font-weight: normal; margin: 0; line-height: 1; border-radius: 0.025em; }
.rsSlideTitleLeft a { color:#fff; }

.rsSlideTitleRight { right: 3vw; left:auto; text-align:right; font-size: 1.67vw; padding: 0.25vw 1vw 0.425vw 1vw; background: black; background: rgba(0,0,0,0.5);
    color: #FFF; font-weight: normal; margin: 0; line-height: 1; border-radius: 0.025em; transition: all 5s ease-in-out }
.rsSlideTitleRight a { color:#fff; }

.rsFirstSlideTitle { top: 3vw; border-radius: 3px; opacity:0.97 !important; }
.rsSecondSlideTitle { top: 5.65vw; border-radius: 3px; opacity:0.97 !important;  }
.rsThirdSlideTitle { top: 8.25vw; border-radius: 3px; opacity:0.97 !important;  }

.rsTitleBgGreen { background: #0C513B; background: rgba(12, 81, 59, 0.83); }
.rsTitleBgBlue { background: #2373FF; background: rgba(36, 166, 252,0.75); }
.rsTitleBgSafetyYellow { background: #F9FF00; background: rgba(245, 255, 33, 0.72); color: rgba(0,0,0,0.9) !important; }
.rsTitleBgOrangeYellow { background: #FFD741; background: rgba(255, 215, 65, 0.75); color: rgba(0,0,0,0.87) !important; }
.rsTitleBgOrange { background: #FF7223; background: rgba(255, 118, 35, 0.73); color: rgba(0,0,0,0.87) !important; }
.rsTitleBgSafetyGreen { background: #C8FF43; background-color: rgba(200, 255, 67, 0.75); color: rgba(0,0,0,0.9) !important; }
.rsTitleBgButtonGreen { background: #E9F079; background-color: rgba(233, 240, 121, 0.8); color: rgba(0, 0, 0, 0.93) !important; }

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


.rsTitleBgBlack a { color: #eee !important; }

.rsTitleBgButtonGreen a,
.rsTitleBgWhite a { color: #111111 !important; }

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


/* TEST CSS TRANSITIONS */

.royalSlider .rsSlide  {
    opacity: 0.93;
    -webkit-transition: opacity 1.5s ease-in-out;
    -moz-transition: opacity 1.5s ease-in-out;
    transition: opacity 1.5s ease-in-out;
}
.royalSlider .rsActiveSlide {
    opacity: 1;
}

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

.rsFirstSlideTitle { top: 3vw; }
.rsSecondSlideTitle { top: 6.125vw; }
.rsThirdSlideTitle { top: 9.25vw; }
}

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

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

.rsFirstSlideTitle { top: 3vw; }
.rsSecondSlideTitle { top: 6.25vw; }
.rsThirdSlideTitle { top: 9.5vw; }
}

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

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

.rsFirstSlideTitle { top: 3.5vw; }
.rsSecondSlideTitle { top: 6.75vw; }
.rsThirdSlideTitle { top: 10vw; }

.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: 3vw; }

.rsFirstSlideTitle { top: 3.5vw; }
.rsSecondSlideTitle { top: 7.75vw; }
.rsThirdSlideTitle { top: 12vw; }

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

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

.rsSlideTitleRight, .rsSlideTitleLeft { font-size: 3.75vw; line-height: 1.225; opacity: 0.93 !important;  }

.rsFirstSlideTitle { top: 2vw; }
.rsSecondSlideTitle { top: 7.75vw; }
.rsThirdSlideTitle { top: 13.5vw; }
}