/* Carousel base class 
!important notations to make sure the primary carousel is not affected by the secondary carousels settings, such as products carousel...
*/
.carousel {
  margin-top: 20px !important;background-color:#fff;
  /*-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0, 0.5);
  -moz-box-shadow:    0px 0px 15px 0px rgba(0,0,0, 0.5);
  box-shadow:         0px 0px 15px 0px rgba(0,0,0, 0.5); */
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10 !important; background: rgba(0, 0, 0, 0.4) !important; width:100% !important; position:absolute !important; left:0 !important;
}

.carousel-caption-text {
z-index: 11 !important; font-family: "Oswald",sans-serif !important; font-size:1.75em !important; color:#FFFFFF !important; line-height:150% !important; font-style:normal !important; font-weight:300 !important;padding:0x !important;/*text-shadow: 3px 3px 3px #000000; */
}

@media (max-width:767px){.carousel-caption-text{font-size:0.875em !important;}} @media (max-width:1200px){.carousel-caption-text{font-size:1.25em !important;}}


/* Declare heights because of positioning of img element 
Images must be 1170 x 400 px */
.carousel-inner > .item > img{
	max-height:450px!important;
    position:relative!important;
}
.carousel .item{
    overflow:hidden!important;
    max-height:450px!important;
}
.carousel-inner {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
}